Introduction
Hypertext Markup Language (HTML) is the language that web browsers read and understand. HTML is used to construct web pages and other online content.
It comprises tags and special formatting instructions that tell the browser how to display text and images on a page.
In the blog, I will give the HTML Tags List to let beginners start building their websites.
HTML is composed of elements
HTML is used to create web pages that can be read by both humans and machines. HTML provides the basic structure for all web pages and can also provide formatting, style, and other features.
The most important part of HTML is the element. An element is a building block for a webpage, and it can be as simple as a paragraph or a link or as complex as an entire table. Elements are composed of tags that have different attributes.The following diagram displays an HTML h1 heading. The h1 element is made up of the following:
An opening tag (<h1>)The content (“HTML Tags List With Simple examples” text)A closing tag (</h1>)
HTML Tags List
HTML body element
The body element is also called the main container for a webpage. It contains all of the content for a webpage and can be styled with CSS.
The body tag defines the main content of an HTML document.
The input of the body HTML tag
The output of the body HTML tag
Paragraph HTML tag
The HTML paragraph tag is used to create a new paragraph. Paragraphs are used to group related content in a document and help with readability.
The HTML paragraph tag can be created by typing the opening and closing tags. The opening tag starts with an opening angle bracket, “<“, and then the word “p”.
The closing tag starts with a closing angle bracket, “>”, and then the word “p”.
The output of the program
Take notice
HTML div tags divide the content on a web page into different sections.The HTML div tag is a block-level element that divides up the content of an HTML document into separate, independent sections.
The div tag is ideal for dividing content into logical and manageable chunks, such as paragraphs, headers, footers, or advertisements.
HTML Headings
Headings are important because they help to organize the content and make it easy to read.The HTML headings tags are H1, H2, H3, etc.
These tags will change the size of the text.H1, H2, and H3 are Straight first, second, third, and so on.There are six levels of headings in total.
The output of the program
HTML divs
The HTML document consists of many elements, each with its specific purpose. Divs are one element for creating divisions or sections within the web page.
A div can be used for various purposes, like creating an area where content can be placed, grouping related content together, and providing style information for the content inside.
The most common use of a div is to group related content together so that it can be styled with CSS properties like color, font size, background color, etc.
The output of the program
HTML Attributes
HTML attributes are used to provide information about the HTML element they are attached to. Attributes are usually given a name and a value. The value can be a string or an entity reference that points to another resource.We added the id attribute with the value “First attribute” to the first <div>, and the id attribute with the value “second attribute” to the second <div>
The output of the program
HTML spans tag
HTML spans are a type of tag used to contain short pieces of text. It can be used in place of a paragraph.
The output of the program
HTML <em> and <strong> tag
The em tag is used to emphasize text. It’s a way of making text appear more important than the rest of the content.
The strong tag is used to mark text that has greater importance than other text on the page. It is often used to highlight the most important points,
HTML <br> tag
<br> tag creates a single line break. You can use it to separate lines within a paragraph, or you can use it to create separate paragraphs for different sections of the page.
The output of the program
Unordered List
Lists are one of the most common and popular ways to structure content on a website.
They are used for navigation, displaying items in a catalog, or showing a list of points that need to be made. <ul> element is used to make Unordered Lists.
The output of the program
Ordered Lists list
In HTML, an ordered list is a sequence of items, typically rendered as a numbered list.
- <ol> tag is to construct an ordered list.
- <ol> tag is used to denote each item in the list.
- <ol> tag can be nested inside another
- <ol> tag to produce sub-lists.
The output of the program
The Image Embed element
Images are one of the most popular ways to express a message. They can instantly convey a message and illustrate a point or provide context for the reader. The tag is to embed an image inside of a web page or blog post.
The tag is not supported by all browsers, so it is important to include alternative text with the image as well.
<img> is an HTML tag that inserts an image into a web page. The src attribute specifies the image file to insert.
The tag has two attributes: src and alt. src specifies the image’s source or location, and alt specifies the image’s meaning on the site.
The output of the program
HTML video element
<video> HTML video element is a multimedia format used to present video content on the web. It can be embedded into HTML pages by using the tag.
The video element can be used to present audio-only content, although it is more often associated with video content. It is one of the considerably popular formats for web videos, and it has been supported by all major browsers since 2010.
The <video> element needs an src attribute linked to the video source. We add the width and height attributes as the video size to display in the browser.
The output of the program
Revisit the previous steps
The HTML code
<!DOCTYPE html><html><title>HTML Tags List With Simple examples</title><head></head><body><h1>Tags List With Examples</h1><h2> HTML is composed of elements</h2><p> HTML is used to create web pages that can be read by both humans and machines. HTML <em>provides</em> the basic structure for all <strong>web pages </strong>and can also provide formatting, style, and other features.
<br><br> The most important part of HTML is the element. An element is a building block for a webpage, and it can be as simple as a paragraph or a link or as complex as an entire table. Elements are composed of tags that have different attributes.</p><div><h2> Text element</h2><span>
The body element is also called the main container for a webpage. It contains all of the content for a webpage and can be styled with CSS.<ul><li> Title display </li><li>Paragraph display </li><li>Text display </li><li>Single highlighted display </li></ul></span></div><div><h2> Media elements</h2><ul><li> Image </li><li>Video </li></div><div>
<image src=”https://mleekhsl1ixx.i.optimole.com/w:810/h:455/q:mauto/https://full-skills.com/wp-content/uploads/2022/11/Introduction-To-HTML5.png”></image></div><div><br><br><video src=”https://full-skills.com/wp-content/uploads/2022/11/cats.mp4″ width=”320″ height=”240″ controls></video></div></body></html>
The output of the program
