0% found this document useful (0 votes)
4 views3 pages

Essential HTML Tags and Lists Guide

The document provides an overview of basic HTML tags, including header tags, paragraph tags, line breaks, and formatting tags. It explains the use of attributes in HTML tags and details different types of lists such as ordered, unordered, definition, and nested lists. Each section includes examples and descriptions of how to use these tags effectively.

Uploaded by

arzanali9527
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
4 views3 pages

Essential HTML Tags and Lists Guide

The document provides an overview of basic HTML tags, including header tags, paragraph tags, line breaks, and formatting tags. It explains the use of attributes in HTML tags and details different types of lists such as ordered, unordered, definition, and nested lists. Each section includes examples and descriptions of how to use these tags effectively.

Uploaded by

arzanali9527
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<html>

<head>
<title> All_basic_tags </title>
</head>
<body>
<h1> Header tags </h1>
<h1> Header One </h1>
<h2> Header Two </h2>
<h3> Header Three </h3>
<h4> Header Four </h4>
<h5> Header Five </h5>
<h6> Header Six </h6>
<!-- This is a comment in this there will be the description of tags --
>
<!-- Headers start from h1 to h6 & the size decreases from h1 to h6,
h1 is the biggest header while h6 is the smallest -->

<h1> Paragraph tag </h1>


<p> This is a paragraph tag </p>
<!-- Paragraph tag is represented as <p> …. </p> -->
<h1> Line Break tag</h1>
<!-- <br> is a line break tag & it is used to start the content from a
new line, it is an unpaired tag -->
<br>
<h1> Horizontal Line/ Rule Tag </h1>
<!-- This tag is used to create a horizontal line/ rule & it is
represented as <hr>. it is also an unpaired tag -->
<hr>
Unpaired tags are those tags which don’t have a closing tag while paired tags are
those which have opening and closing tags
<br>
<h1> Subscript tag </h1>
<!-- This tag is used to write chemical formulas or to get a value on
the base position of an alphabet, it is represented as [ H<sub>2</sub>O & it will
get the result as ‘H2O’] -->
H<sub>2</sub>O
<h1> Superscript tag </h1>
<!-- This tag is used to write mathematical formulas/equations or to
get a value on the power position to an alphabet, it is represented as [
a<sup>2</sup>+ b<sup>2</sup> & it will get the result as ‘a2+b2’] -->

a<sup>2</sup>+ b<sup>2</sup>

<h1> Formatting Tags </h1>


<b> Bold </b>
<i> Italic </i>
<u> Underline </u>
<! - - These Tags are used for basic formatting i.e., Bold [<b>….
</b>], Italic [<i>…. </i>], Underline [<u>…. </u>] - - >

<h2> HTML_Attributes </h2>


<!-- There are many attributes of a tag in HTML & each tag attribute is
mentioned after the tag name with its attribute name and attribute value followed
by the content and closing tag -->

<h1 align="center" > HTML attribute </h1>


<!-- In the above example align is the attribute name of <h1> tag &
center is its attribute value -->
<!-- The <body> tag has several attributes that can be used to modify
its behaviour or appearance. Some of the common attributes of the <body> tag are
text, bgcolor, background -->
<!-- The attributes of hr tag are as follows :- align, color, size,
width, noshade -->
<h1> Creating Lists </h1>

<!-- A list is a way of organising information as a group of related items. It


makes the content easy to read and understand. -->
<!-- You can create different types of lists using HTML namely :
Ordered lists, Unordered lists, definition lists and nested lists -->

<h2> Ordered Lists </h2>


<!--Ordered lists are lists in which the items are numbered. To create
an ordered list, the <ol>…</ol> tag is used. Each item in the list is specified by
the <li> tag.-->
<!-- Attribute: type
Used to: define the numbering style for each item of an ordered
list
Values: '1', 'I', 'a', etc
Attribute: start
Used to: specify the starting value of the first list item
Values: any number-->

<h3> Subjects </h3>


<h4> Main Subjects </h4>
<ol type= "a" start=i>
<li> English </li>
<li> Maths </li>
<li> Science </li>
<li> Social Science </li>
</ol>

<!-- If you do not specify the type and start attributes in an ordered
list, the list will use numbers (1, 2, 3, etc.) as default numbers for the list
items.-->

<h2> Unordered Lists </h2>

<!-- In an unordered list, the items do not appear in a numbered


sequence; instead, a bullet appears before each item of the list. An unordered list
is created using the <ul> tag. By default, list items in the unordered list are
marked with a disc symbol. The type attribute decides the style of the bullet. -->

<!-- Attribute: type | Used to : specify the type of bullet | Values :


disc, square, circle and none -->

<h3> Subjects </h3>


<h4> Additional Subjects </h4>
<ul type= "square">
<li> Art Education </li>
<li> Life Skills </li>
<li> Dance </li>
<li> Library </li>
</ul>

<h2> Definition Lists </h2>


<!-- A definition list is a list of terms along with the definition or
description of each term. The list starts with the <dl> tag and has two more tags
inside it. The <dt> tag states the term, while the <dd> tag defines the term. -->

<h2> Nested lists </h2>


<!--A nested list in HTML is a list that is placed within another list.
It is used to create a hierarchical structure of information.-->

<!--For example, you can place an ordered list (<ol>) inside an


unordered list (<ul>) or vice versa.-->

</body>
</html>

You might also like