Table of contents
Every website is made up of individual web pages, it's no surprise that your journey to creating a complete site begins with a basic understanding of HTML.
A web page is a document written in the HTML (HyperText Markup Language) programming language. Web pages are designed to work with web browsers such as Internet Explorer, Google Chrome, and Safari. These browsers have a straightforward but critical task: they read the HTML in a web page document and display the perfectly formatted result for you to read.
What is HTML and why is it important?
HTML (Hypertext Markup Language) as the name implies is a markup language used to create most websites and online applications. A hypertext is a piece of text that references other pieces of text, whereas a markup language is a set of symbols that tell web servers about a document's style and structure.
HTML is also known as a structured language, in a nutshell, it gives you the access to structure the pages of a website before considering adding styling and other functionality.
HTML Semantics
HTML semantics refers to the set of tags or tags that give an HTML page meaning. It clarifies HTML by defining the various sections and layouts of web pages more clearly. Semantic HTML elements express their meaning in a way that is both human and machine-readable.
For the sake of this tutorial, we'll mention a few various HTML semantics:
Examples of HTML Semantics and its meaning:
- <!DOCTYPE HTML>
Basically tells the browser what kind of document we're loading. In the newest version of HTML, the <!DOCTYPE HTML> is always the first element on every HTML page.
- <html> The root level tag of an HTML document. All other HTML tags go inside the HTML tag
- <head> The head section. Used mostly for metadata.
- <title> This element house the title of every webpage or HTML page.
- <body> In this element reside the content of every HTML page.
- <!–- -–> This element is used for commenting on sections of HTML or adding notes to the HTML page for recollection purposes.
- </a> a for anchor, also known as a hyperlink, or simply a link.
- <header> Not to be confused with <head>, <header> typically contains introductory content and a layout that goes above the body.
- <h1></h1> Level 1 heading, the headline or title of a page.
- <h2> Level 2 heading, the subtitles of a page.
- <h3> Level 3 heading.
- <h4> Level 4 heading.
- <h5> Level 5 heading.
- <h6> Level 6 heading.
- <p> Paragraph. Enclose paragraphs in an article within <p> tags.
- <form> It is used to create a form on a webpage.
- <img> For displaying images on a webpage. Example: <img src="image.png">
- <input> Input is used with various attributes to create form input elements.
- <strong> The enclosed text is of strong importance.
- <style> For declaring style sheets within a document.
- <table> For making tables in an HTML page.
- <tbody> Groups table rows.
- <td> Table data; this represents a data cell within a table.
- <th> Table header cell.
- <thead> Table header row.
- <strong> The enclosed text is of strong importance.
- <hr> This can be used for separating text within a paragraph.
- <label> For assigning labels to interface elements such as forms.
- <ul> Unordered list. Use with <li> (list item) to make unordered lists.
- <ol> Ordered list. Use with <li> (list item) to make an ordered list.
- <span> Useful for applying styles to or around text, especially inline.
- <nav> Used for specifying a navigational region within a document.
- <br> It defines a break line.
- <abbr> It defines abbreviation or an acronym.
- <link> It defines connects other document with HTML documents or defines some relationship.
- <button> It defines a button.
- <script> It defines javascript program for the webpage.
- <footer> It defines the footer of the webpage or a section.
- <section> It defines section in the webpage.
- <audio> Used to define audio content on the webpage.
Thanks for your time, I hope you find this helpful.