HTML Tutorials and Tags – Deep-quick review

HTML, or Hypertext Mark-up Language, is the standard mark-up language used to create web pages. It consists of a series of tags and attributes that are used to define the structure and content of a web page.

Here is an example of a basic HTML document:

<!DOCTYPE html>

<html>

  <head>

    <title>My Website</title>

  </head>

  <body>

    <h1>Welcome to my website!</h1>

    <p>This is a simple example of an HTML document.</p>

    <ul>

      <li>Item 1</li>

      <li>Item 2</li>

      <li>Item 3</li>

    </ul>

  </body>

</html>

This example has a <!DOCTYPE> declaration that specifies that this is an HTML document. The <html> element is the root element of the HTML document and all other elements are nested inside it.

The <head> element contains meta information about the document, such as the title that is displayed in the browser’s title bar or tab.

The <body> element contains the visible content of the web page, such as headings, paragraphs, and lists. In this example, there is an <h1> heading that says “Welcome to my website!” and a <p> element that contains a simple sentence. There is also an unordered list <ul> with three <li> items.

This is just a basic example, and there are many more tags and attributes available in HTML for creating more complex web pages.

Here is a list of some of the most commonly used HTML tags:

  • <!DOCTYPE>: This tag is used to indicate the version of HTML used in the document.
  • <html>: This is the root element of an HTML document, and it contains all other elements.
  • <head>: This element contains information about the document, such as the title and meta data.
  • <title>: This element specifies the title of the document, which is displayed in the browser’s title bar or tab.
  • <body>: This element contains the content of the web page, such as text, images, and links.
  • <header>: This element represents a container for introductory content or a set of navigational links.
  • <nav>: This element represents a section of a page that contains navigation links.
  • <main>: This element represents the main content of a document.
  • <article>: This element represents a self-contained composition in a document, such as a forum post or a newspaper article.
  • <section>: This element represents a thematic grouping of content, such as chapters, headings, or paragraphs.
  • <aside>: This element represents a section of a page that contains content that is related to the main content, but can be considered separate from it.
  • <footer>: This element represents a container for the footer of a document or section.
  • <h1> to <h6>: These tags are used to create headings of different levels, with <h1> being the most important and <h6> being the least.
  • <p>: This tag is used to create paragraphs of text.
  • <a>: This tag is used to create links to other web pages or to specific locations within the same page.
  • <img>: This tag is used to embed images in a web page.
  • <video>: This tag is used to embed video in a web page
  • <audio>: This tag is used to embed audio in a web page
  • <canvas>: This tag is used to draw graphics, on the fly, via scripting
  • <form>: This tag is used to create an HTML form for user input
  • <input>: This tag is used within a form to define various types of input fields
  • <textarea>: This tag is used to create a multi-line input field
  • <select>: This tag is used to create a drop-down list
  • <option>: This tag is used within a <select> element to define an available option
  • <label>: This tag is used to associate a label with a form control
  • <button>: This tag is used to create a clickable button
  • <div>: This tag is used as a container for HTML elements, which can be styled with CSS.
  • <span>: This tag is used to group inline elements together and apply styles to them.
  • <style>: This tag is used to define a section for CSS styles within the <head> of a document.
  • <link>: This tag is used to link an external CSS stylesheet to an HTML document.
  • <script>: This tag is used to define


Leave a comment

Design a site like this with WordPress.com
Get started