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