Help with this html code


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" />
            <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" />

Love X

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

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

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

Thanks loads guyz that was helpful

1 Like