HTML must know tags for full-stack web developers
- vishudev1328
- 5 days ago
- 4 min read
HTML is known as hypertext markup language and basically this language is used to communicate with browser. If you want to enter web world then learning this language is important. This is the main reason that every web development institute in Delhi covers training of HTML.
The whole language is written within tags so in this language tags are most important part for creating web pages. Almost all tags contain two parts in which one is opening, and other is a closing tag.
There are few reasons to use tags in HTML:
Structure –
Tags indicate the beginning and end of HTML element. For example <p> tag indicate that we are writing a paragraph and <h> indicate that we are writing heading.
Content –
Tags also determine the type of element to be represented. Content has variety of elements like, it contains paragraph, links, image, article, video, graphics etc. So we need tags that could contains all of these elements here we use <div> that can contains multiple element.
Metadata –
The <meta> tag define metadata about an HTML document, such as the page description, keyword, and author. This part of HTML is important for purpose of digital marketing, search engines, and other web browser services.
As browsers updating itself day by day, so browse use the structure of HTML document for crawling purpose which indicate that structured use of tags becoming important for creating content on web pages that can helps to increase reach on website.
After knowing the significance of tags, we need to focus on some tags that helps us to well structuring our website.
Basic HTML Tags –
Head Tag: One of the main tags that present the starting of the header on webpage.
Title Tag: Tells search engines about the title of the page.
Syntax of title tag is given below.
<head> <title>Audit services with letsmakecompany: Analyze your company financial health</title> </head>
Body Tag: We put all paragraphs, media and links here.
<body>
<h1>This is heading tag</h1>
<p>This is paragraph</p>
<a href=www.google.com >Google</a>
<img src=”1.jpg” alt=”google png” >
<button type=”button”>This Is button</button>
</body>
Paragraph Tag: We put normal content that has to be added in paragraph.
<body>
<p>This is paragraph element</p>
</body>
Heading tag: It defines the content hierarchy and structure of a webpage. They range from <h1> to <h6>, with <h1> being the most important heading and <h6> the least important. Use of this tag improve readability, SEO, and accessibility. It is also a block element.
<h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6>
Link Tags: Anchor links are added using these tags.
Anchor Tag:
<a href=’’www.google.com”>go to google</a>
List Tags –
Ordered List: For showing numbering list style.
<ol> <li>Item1</li> <li>Item2</li> <li>Item3</li> </ol>
Unordered List: Used when the order of items does not matter, such as listing features or categories under <ul> tag.
<ul>
<li>Mouse</li>
<li>Keyboard</li>
<li>Speaker</li>
<li>Monitor</li>
</ul>
Form Tag: An HTML form is used to collect user input.
Header Tag: The <header> tag in HTML defining element for the header of a document or a section, summarize information pertinent to the title and heading of the associated content. It means we can use header tag multiple time on same webpage within each section of the webpage.
It contains heading of section, logo, icons, nav items and more. Using this tag for each section or webpage is good practice for well structuring webpage.
<section>
<header>
<h3>
Anytime fitness
</h3>
<p>Posted by ADMEC</p>
<p>
The international health request and sports club association named anytime fitness.
</p>
</header>
</section>
Because of these tags, HTML is taught to students at PHP Institutes in Delhi as well.
Section Tag: The section tag divides HTML document to different section such as chapter, header, footer ect. It is used when we requirement of two header or footer or any other section or subsection of document are needed. according to best practices, every <section> element should include a heading because this helps user to increase readability and for SEO purpose.
Section tag is not necessary to use but for purpose of semantic structure we generally use it.
<section>
<h1>
Section 1
</h1>
<p>
Content of section 1
</p>
</section>
<section>
<h1>
Section 2
</h1>
<p>
Content of section 2
</p>
</section>
<section>
<h1>
Section 3
</h1>
<p>
Content of section 3
</p>
</section>
Div Tag: It is used for applying styles and layout structure <div> and allows us to manipulate and position content through CSS.
<body>
<div> div tag </div>
<div> div tag </div>
<div> div tag </div>
<div> div tag </div>
</body>
Footer Tag: It is used to define the footer section of an HTML document.
It contains information such as contact, sitemap, copyright, back to top link, related document etc. It is not necessary to use but for the purpose of SEO and structured document we use it.
<footer>
<a href="https://www.letsmakecompany.org/about/">
About Us
</a>|
Privacy Policy
</a>|
<a href="https://www.letsmakecompany.org/careers/">
Careers
</a>
<p>@letsmakecompany, Some rights reserved</p>
</footer>
HTML tags are foundation of webpages and essential for web development. Tags define the structure of html document and well structuring of html document helps to increase rank of website. Join Full Stack development course in delhi to learn not only HTML but also the CSS, JS, Bootstrap and other programming technologies.
Commenti