HTML is the standard markup language for web pages. Every website you see was made with HTML, notable sites like Google, w3schools, youtube all have html as the foundation of the site.
What is HTML Semantics
Semantic HTML is html code that has meaning, it is code that clearly explains the meaning of what it does to both the developer and the browser. This greatly helps with SEO and Accessibility.
HTML Tags
Container Tags
- <h1> – <h6> : used for headings
- <b> : makes text bold
- <i> : for italicizing text
- <p> : for paragraphs
- <em> : gives text emphasis
- <strong> : highlights/indicates importance
- <ul> : for unordered lists
- <ol> : for ordered lists
- <li> : makes a list item
- <title> : page title
- <html> : html doc declaration
- <sup> : for superscript text
- <sub> : for subscript text
- <a> : for making links
- <section> : defines a section in document
- <article> : for self-contained/independent content
- <footer> : defines the footer
- <nav> : defines navigation links
- <aside> : for sidebars/ side content
- <mark> : defines highlighted text
Empty Tags
- <img> : embeds an image into the web page.
- <hr> : Horizontal rule/line.
- <meta> : appears in the element. Defines how the page it to be rendered.
- <!DOCTYPE> : document type declaration.
- <br> : Line break
- <wbr> : word break opportunity: specifies the place to line break text if it is too long to fit in a line.
- <link> : Specifies the relationship between a document, and an external resource such as a style sheets.
- <input> : Specifies a field where users enter data.
- <base> : Specifies the base URL for all relative URLs in a document.
- <param> : define parameters for element.
- <source> : specifies media sources for picture, audio, and video elements.
- <col> : deprecated. specifies column properties for each column within a <colgroup> element.
- <keygen> : deprecated. generates a pair of keys (public and private), to encrypt and decrypt HTML form Data.
- <embed> : deprecated. a container for an external resource, such as a plug-in application, a picture or a media player.
- <track> : specifies text tracks for media components audio and video
- <area> : specifies a clickable area inside an image map.
- <! — … — >: inserts comments in the source code.
- <circle> : used within the <svg> element to define a circle shape.
- <command> : obsolete. represents a command that a user can invoke.
- <basefont> : deprecated. sets the default text-color, font-size, font-family of all the text in the browser.
Understanding HTML is very important for building great websites. I hope this was able to add a little more to what you know about HTML. Bye