As previously stated in the previous post titled “HOW 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 like to get into further detail regarding HTML in general. If you have not read the last post about HTML, it is recommended that you do so before proceeding because it will break down several points for you before diving deeper into the knowledge of HTML.
First and foremost, I’d like to speak in depth about HTML structures. These are:
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 ensures that the page is parsed in the same way by all web browsers. It appears in the HTML code as follows;
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 format and display text. Tags allow a web browser to distinguish between HTML and plain text. The three basic sections of an HTML tag are the opening tag, the content tag, and the closing tag. It appears in the HTML code as follows;
HEAD tag: In HTML, the head tag 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 appears in the HTML code as follows;
TITLE tag: This tag is used to create a title section that contains information about the document. The title tag appears in the HTML code as follows;
BODY tag: This body tag carries the information’s major substance. This tag contains the majority of HTML tags. There can’t be two body tags in the same HTML file. The tag appears in the HTML code as follows;
EXPLANATION OF THE ESSENTIAL HTML TAGS
However, any tag must be contained within the entire Doctype declaration. That is to say:
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.
The paragraph element, often known as the p> tag, is used to assign a paragraph to a certain section of an HTML file. This is one of the most frequently used html tags. The paragraph tag is written in HTML as p>…./p>. The text should go between the open and closing tags.
Heading tags are used when you wish to provide a heading or description of the text that will be following. There are several sorts of heading tags, including the h1 tag, h2 tag, h3 tag, h4 tag, h5 tag, and h6 tag. The h1 tag has the largest 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.
a> tag or anchor 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 linking one page to another. The anchor tag is written as a href=”….”>/a>. The page linking occurs 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.
Image tag, often known as the img> tag: This is a unique element because it just includes an open tag and no closing tag. It is used to link images or graphics to the html file, making the web page more visually appealing. To retrieve the image into the browser, this element requires the image’s source. Because this source is case and letter sensitive, you must enter the precise name of the image in the source section. The image tag is written in HTML as img src=”….”>.
Div tag: This is one of the most commonly used tags since it allows you to easily split or divide one part of code from another. This tag also includes the open and close tags. It is possible to write it as div> div>. The content to be written will be contained within the open and close tags.
Header tag: This element is used to group the web page’s header. A header can serve as a welcoming 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>.
Footer tag: This is a tag that is typically present at the bottom 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>.
This list tag is used to list some content on a web page in a formal format. 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 set of codes appears like this;
After running the code, the browser should appear like this;
Hey
Hi
Hello
