Scribd
Upload
0 views

Text

HTML tags are essential elements that structure content on web pages, consisting of keywords in angle brackets that come in pairs. They convey the semantics of content, aiding browsers in rendering information accurately, with examples including <p> for paragraphs and <h1> to <h6> for headings. A comprehensive list of HTML tags and their functions is provided, highlighting their importance in creating well-structured and visually appealing web pages.

Uploaded by

voltv5318
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0 views

Text

HTML tags are essential elements that structure content on web pages, consisting of keywords in angle brackets that come in pairs. They convey the semantics of content, aiding browsers in rendering information accurately, with examples including <p> for paragraphs and <h1> to <h6> for headings. A comprehensive list of HTML tags and their functions is provided, highlighting their importance in creating well-structured and visually appealing web pages.

Uploaded by

voltv5318
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

What Are HTML Tags?

HTML (Hypertext Markup Language) tags are fundamental elements that structure and
define content within a web page. They consist of keywords enclosed in angle
brackets and come in pairs, forming an opening tag, content, and a closing tag.
Tags convey the semantics of the content, aiding browsers in rendering and
interpreting information accurately.

For instance, <p> tags denote paragraphs, <h1> to <h6> represent headings of
varying importance, and <a> signifies hyperlinks. Additionally, tags like <img>,
<input>, and <div> serve specific purposes such as embedding images, creating form
elements, and grouping content for styling, respectively.

By leveraging a variety of tags, web developers craft well-structured documents,


fostering accessibility, search engine optimization, and consistent user
experiences across diverse devices and browsers. Understanding and implementing
HTML tags is foundational for building effective and standardised web content.

Recommended Course
Generative AI Course
Python DSA Course
Devops Course
UI UX Course
Digital Marketing Course
Product Management Course
All HTML Tags with Examples
HTML, which stands for Hypertext Markup Language, utilises tags to organise content
on the internet. Below are key tags along with short examples:

<p> Paragraph Tag </p>

The <p> and </p> represent HTML tags, and the term “Paragraph Tag” signifies the
HTML element, specifically the text displayed on the page. This tag arranges any
text positioned between the <p> opening tag and the </p> closing tag as a regular
paragraph or primary body text.

<h2> Heading Tag </h2>

In this instance, <h2> and </h2> serve as the HTML tags, and the term “Heading Tag”
denotes the HTML element, specifically the heading visible on the page. Employing
this tag will style any text located between the <h2> opening tag and the </h2>
closing tag as a Heading 2, which is a type of subheading.

<b> Bold Tag </b>

In this case, the <b> and </b> are HTML tags, and the “Bold Tag” is the HTML
element, which means the text on the page. This element makes the text between the
<b> opening tag and the </b> closing tag appear bold.

<i> Italic Tag </i>

In this instance, the <i> and </i> represent HTML tags, and the “Italic Tag” is the
HTML element, referring to the on-page text. This tag is used to style the text
between the opening <i> tag and the closing </i> tag, making it appear in italic
format.

<u> Underline Tag </u>

In this scenario, the <u> and </u> serve as HTML tags, and the “Underline Tag” is
the HTML element, denoting the on-page text. The purpose of this tag is to style
the text between the opening <u> tag and the closing </u> tag, rendering it in an
underlined format.

These tags form the foundation for building structured and visually appealing web
pages.

All HTML Tags and Their Functions


Here’s a list of some essential HTML tags and their functions:

<!DOCTYPE html>: Declares the HTML version.


<html>: Wraps the entire HTML document.
<head>: Contains metadata like title, character set, styles, and scripts.
<title>: Sets the document title.
<body>: Contains the main content of the HTML document.
<h1> to <h6>: Define headings, where <h1> is the largest and <h6> is the smallest.
<p>: Represents paragraphs of text.
<a>: Creates hyperlinks, linking to another document or resource.
<img>: Embeds images.
<ul> and <ol>: Define unordered and ordered lists.
<li>: Represents list items within <ul> or <ol>.
<div>: Groups content for styling or layout purposes.
<span>: Applies styles to inline elements.
<br>: Inserts a line break within text.
<hr>: Represents a horizontal rule or line.
<strong> and <em>: Emphasise text with strong and emphasised importance,
respectively.
<input>: Creates input fields for forms.
<form>: Wraps form elements for user input.
<table>, <tr>, <td>, <th>: Constructs tables, rows, and cells for tabular data.
<iframe>: Embeds external content, like a webpage or video, within the current
document.
These tags, among others, provide the structure and functionality needed to create
well-formed and interactive web pages.

List of 20 HTML Tags


Here are 20 additional HTML tags along with their brief descriptions:

<article>: Represents a self-contained piece of content that could be distributed


and reused independently.
<aside>: Defines content aside from the page content, often used for sidebars.
<footer>: Represents the footer of a section or page.
<header>: Defines the header of a section or page.
<nav>: Defines a navigation menu.
<section>: Represents a generic section of content.
<main>: Wraps the main content of the document, excluding headers, footers, and
sidebars.
<figure>: Represents any content that is referenced from the main content, such as
images and diagrams.
<figcaption>: Provides a caption for the content inside a <figure> element.
<mark>: Highlights text for reference or notation.
<abbr>: Represents an abbreviation or acronym, with an optional expansion.
<address>: Represents contact information for the nearest <article> or <body>
ancestor.
<time>: Represents a specific period in time or a range of time.
<progress>: Represents the completion progress of a task.
<metre>: Represents a scalar measurement within a known range.
<cite>: Represents the title of a creative work or the name of a person cited.
<code>: Represents a piece of computer code.
<pre>: Defines preformatted text, preserving both spaces and line breaks.
<blockquote>: Represents a section that is a quotation from another source.
<q>: Defines a short inline quotation.
These tags enhance the semantic structure of HTML, providing more specific meaning
to different parts of the content.

Also Read: How to Center Text & Headers in CSS Using the Text-Align Property

What Are the 100 Tags in html?


However, here’s a concise list of 100 HTML tags with brief descriptions:

<!DOCTYPE html>: HTML document type declaration.


<html>: Root element.
<head>: Contains metadata.
<title>: Sets the title of the document.
<body>: Main content container.
<h1> to <h6>: Headings of decreasing importance.
<p>: Paragraph.
<a>: Anchor for hyperlinks.
<img>: Embeds images.
<ul>: Unordered list.
<ol>: Ordered list.
<li>: List item.
<div>: Generic container.
<span>: Inline container.
<br>: Line break.
<hr>: Horizontal rule.
<strong>: Strong importance.
<em>: Emphasis.
<input>: Input field.
<form>: Form container.
<label>: Describes an <input> element.
<select>: Dropdown list.
<option>: Option in a <select> list.
<textarea>: Multiline text input.
<button>: Clickable button.
<table>: Table.
<tr>: Table row.
<td>: Table cell.
<th>: Table header cell.
<thead>: Table header section.
<tbody>: Table body section.
<tfoot>: Table footer section.
<caption>: Table caption.
<iframe>: Inline frame.
<audio>: Embeds audio.
<video>: Embeds video.
<source>: Defines media sources.
<nav>: Navigation container.
<header>: Header container.
<footer>: Footer container.
<aside>: Content aside from main content.
<article>: Independent content.
<section>: Generic section.
<main>: Main content area.
<figure>: Grouped content with a caption.
<figcaption>: Caption for a <figure>.
<mark>: Highlighted text.
<abbr>: Abbreviation or acronym.
<address>: Contact information.
<time>: Represents time.
<progress>: Progress bar.
<metre>: Scalar measurement.
<cite>: Title of a creative work.
<code>: Inline code.
<pre>: Preformatted text.
<blockquote>: Block-level quotation.
<q>: Inline quotation.
<sub>: Subscript text.
<sup>: Superscript text.
<del>: Deleted text.
<ins>: Inserted text.
<small>: Smaller text.
<b>: Bold text.
<i>: Italic text.
<u>: Underlined text.
<s>: Strikethrough text.
<dfn>: Definition term.
<kbd>: Represents keyboard input.
<samp>: Sample output.
<var>: Variable.
<div>: Division or section.
<span>: Inline division.
<style>: Internal style information.
<link>: External resource link.
<meta>: Metadata.
<script>: Embeds or links to scripts.
<noscript>: Provides alternate content if scripts are not supported.
<map>: Defines an image map.
<area>: Defines clickable areas in an image map.
<base>: Specifies base URL/target for all relative URLs.
<bdo>: Bi-directional override for text direction.
<col>: Defines attributes for table columns.
<colgroup>: Groups <col> elements.
<datalist>: Contains a set of <option> elements for use with <input list>.
<fieldset>: Groups form controls and labels.
<legend>: Describes the content of a <fieldset>.
<optgroup>: Groups <option> elements inside a <select>.
<object>: Embeds external resources.
<param>: Defines parameters for an <object>.
<output>: Represents the result of a calculation or user action.
<ruby>: Represents ruby annotations.
<rt>: Represents the pronunciation of characters presented in a ruby annotation.
<rp>: Provides fallback text for browsers that do not support ruby annotations.
<wbr>: Defines a possible line break opportunity.
<track>: Provides a timed text track for <audio> or <video> elements.
<canvas>: Used for drawing graphics via scripting (JavaScript).
<dialog>: Defines a dialog or a window.
<details>: Creates a disclosure widget for hiding/revealing additional content.
<summary>: Defines a summary or caption for the content of a <details> element.
<template>: Holds client-side content that can be cloned and inserted into the
document by scripts

You might also like