As previously stated in the previous post titled “TAKE THESE STEPS TO LEARN HTML IN A DAY VOL.1” I covered the basics of HTML as well as why it is not a programming language. I’d want to get into further detail regarding HTML in general. If you have not read the last post on HTML, it is recommended that you do so before proceeding since it will break down several points for you before diving deeper into the understanding of HTML.

First and foremost, I’d want to speak in depth about HTML structures. These are:

  • DOCTYPE declaration: The HTML document type declaration, often known as DOCTYPE, is the first line of code in any HTML or XHTML page. The DOCTYPE declaration tells the web browser the HTML version that was used to build the page. This guarantees that the page is parsed in the same way by all web browsers. It looks like this in the html code.


  • HTML tags: HTML Tags are a collection of HTML tags that are used in web pages. HTML tags, like keywords, dictate how a web browser should structure and display text. Tags allow a web browser to distinguish between HTML and plain text. The three basic components of an HTML tag are the opening tag, the content tag, and the closing tag. It looks like this in the html code


  • HEAD tag: In HTML, the head element is used to define the document’s head part, which provides information about the document. The title tag is contained within the head tag. The head tag is shown in the HTML code as follows.


  • TITLE tag: This element is used to create a title section that contains information about the document. The title tag is shown in the HTML code as follows.
  • BODY tag: This body tag includes the information’s major content. This tag contains the majority of HTML tags. There can’t be two body tags in the same HTML file. The tag is shown in the HTML code as follows.


But note that any tag should be inside the complete Doctype declaration. That is:

The text should be put between the open and close tags in most basic html tags. A sequence of tags can exist within another tag.

  1. Paragraph tag or <p> tag: This element is used to attach a paragraph to a certain section of an HTML file. This is one of the most frequently used html tags. The paragraph element is written in HTML as <p>…. </p>. The text should go between the open and closing tags.
  2. Heading tag: These tags are used to provide a title or description of the content that will be following. There are several sorts of heading tags, including the h1 tagh2 tagh3 tagh4 tagh5 tag, and h6 tag. The h1 tag has the greatest font-size and is the highest heading tag, while the h6 tag has the smallest font-size and is the lowest heading tag. The font-sizes are shown in ascending order from largest to smallest. All heading tags should have both open and close tags, with codes or text in between.
  3. Anchor tag or <a> tag: This is a fascinating tag. This tag is used to connect two pages or to establish a hyperlink to another html file. This tag necessitates the use of the href function when connecting one page to another. The anchor tag is expressed as <a href=”….”>/a>. The page linking happens in the href by simply calling the file’s reference name or file name. Other text can also be placed between the open and close tags.
  4. Image tag or <img> tag: This is a unique element since it just includes an open tag and no closing tag. It is used to link pictures or graphics to the html file, making the web page more visually appealing. To retrieve the picture into the browser, this element requires the image’s source. Because this source is case and letter sensitive, you must provide the precise name of the picture in the source section. The image tag is expressed in HTML as <img src=”….”>.
  1. Div tag: This tag is also one of the most used since it allows you to easily split or divide one area of code from another. This tag also includes the open and close tags. It is possible to write it as <div> <div>. The textual material will be included within the open and closing tags.
  1. Header tag: This element is used to organize the web page’s header. A header can serve as a greeting element for visitors to your website. The header section includes the Home, About, Contact, and Services sections. This tag is also known as < header>/header>.
  1. Footer tag: This is similar to a tag that is often displayed at the end of a web page. It frequently includes the copyright holder, such as the web page owner or sponsor. It follows the same format as the header, namely, <footer> /footer>.
  1. List tag: This list element is used to formalize the listing of material on a web page. There are two sorts of listing tags: ordered listing (ol tag) and un-ordered listing (ul tag), with the ul tag being the most commonly used. On the text editor, an un-ordered listing of codes appears like this.

Leave a Reply

Your email address will not be published. Required fields are marked *