Help with this html code

HTML-CSS
1

Hi,

Can anyone help me understand this code?

Contact Me

        <svg class="face" height="100" width="100">
            <circle cx="50" cy="50" r="50" fill="#FDD835"/>
            <circle cx="30" cy="30" r="10" fill="#FFFFFF"/>
            <circle cx="70" cy="30" r="10" fill="#FFFFFF"/>
            <circle cx="30" cy="30" r="5" fill="#000000"/>
            <circle cx="70" cy="30" r="5" fill="#000000"/>
            <path d="M 30 70 q 20 20 40 0" stroke="#FFFFFF" stroke-width="5" fill="none" />
        </svg>
             
        <form>
            <input name="name" placeholder="Name" type="text" required /><br/>
            <input name="email" placeholder="Email" type="email" required /><br/>
            <textarea name="message" placeholder="Message" required ></textarea>
            <input type="submit" value="SEND" class="submit" />
        </form>
    </div>

Love X

2

What don’t you understand? Can you please ask a more specific question?

3

the SVG element ,
I don’t know what those attributes in svg are and how come they are so many for a single circle?

4

I recoment put this in an html file and open it with a browser and then you can see what the code does, you can even modify the code a then yo see what do what

5
6

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/svg

7

Thanks loads guyz that was helpful

1 Like