Volume 2 of “HOW TO LEARN HTML IN A DAY”

In my previous post, “HOW TO LEARN HTML IN A DAY VOL.1,” I covered the fundamentals of HTML and why it is not a programming language. I’d like to provide some background on HTML in general. If you haven’t read the last HTML post, you should do so now; it will help you understand some basics before delving further into the language.

To begin, I’d like to go into some detail regarding the HTML structures. Of which:

The HTML document type declaration, or DOCTYPE, is the first line of code in any HTML or XHTML document. The DOCTYPE declaration tells the browser what version of HTML was used to produce the page. This guarantees that the page is parsed consistently across all browsers. In the HTML code, it looks like this;

Tags used in hypertext markup language (HTML). Like keywords, HTML tags tell a web browser how to display content in a certain format. Thanks to tags, a web browser can distinguish between HTML and plain text. An HTML tag consists mostly of an opening tag, the content of the tag itself, and a closing tag. In the HTML code, it looks like this;

The HEAD tag is used to define the HTML document’s header, where relevant information is stored. The title tag is located inside the head tag. In the HTML code, the head tag looks like this;

HOT POST:  Volume 1 On "How To Learn HTML In A Day"

The TITLE tag is used to give a document’s title section context-specific information. In HTML, the title tag looks like this;

In this body tag, you’ll find the bulk of the text. The majority of HTML tags are enclosed within this tag. There must be only one body tag per HTML document. In the HTML code, the tag looks like this;

EXPANDED EXPLANATION OF ESSENTIAL HTML TAG CONCEPTS

However, keep in mind that the full Doctype declaration must surround any tag. To clarify:

The text for most basic HTML tags should go in between the open and close tags. A tag can contain another tag, creating a nesting structure.

The purpose of the paragraph tag, often known as the p> element, is to designate a block of text within an HTML file as a paragraph. This is an extremely common html tag. In HTML, a paragraph is denoted by the tags p>…/p>. The content needs to be entered between the start and end tags.

To indicate a heading or provide context for the material that follows, use the header tag. There are a variety of heading tags, including h1, h2, h3, h4, h5, and h6. If you want the greatest font size for your heading, use the h1 tag, and for the smallest, use the h6 tag. List items are presented in descending order of font size. The code or content should be placed inside the opening and closing tags of each heading tag.

HOT POST:  IMPACT OF TECHNOLOGY IN OUR DAILY ACTIVITIES.

HTML anchor tag (or a): This label is quite intriguing. This tag establishes a connection between two HTML documents or links one document to another. The href function is necessary for use with this tag when creating a link from one page to another. To create a hyperlink, just type a href=”….”> /a>. The href attribute links to the specified page by directly invoking the reference name or file name. You can also insert some other text between the opening and closing tags.

For images, use the img> tag. This unique element is used to provide visual appeal to an HTML file by linking images or graphics to the document without the need for a closing tag. In order for this element to load the picture into the browser, the source of the image must be specified. The image’s full name must be entered into the source field, including any capitalization or punctuation. In HTML, an image is referenced with the tag img src=”….”>.

HOT POST:  Some early Tesla Model 3 Highland owners aren't very happy with Tesla Vision

The Div tag is quite popular since it can be used to divide code into multiple sections with minimal effort. The open and close tags are included in this tag as well. Simply use the tags div> div> to express this. The information that has to be written will go between the brackets.

The header tag organizes the page’s header into a single unit. A header might serve as a sort of “welcome to our website” part. The header structure includes the Home, About, Contact, and Services menus. You can also write this tag as header> /header>.

The footer tag is similar to a tag that appears at the bottom of a webpage. Copyright information typically includes things like the website’s owner or sponsor. It’s formatted similarly to headers, with footer> and /footer>.

When listing information on a website formally, use the list tag. There are two distinct listing formats: the more common un-ordered listing (ul tag) and the less common ordered listing (ol tag). The following is an example of an unordered list of codes in a text editor:

This is what the code looks like when it’s executed in a web browser.

Hey

Hi

Hello


Leave a Reply

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