HTML Learn Basic to Advance with Full Attributes 2021-22

0
 

HTML Learn Basic to Advance with Full Attributes
Part-1

Body Tag: This attribute allows us to insert an image as a background in an HTML document.

Attribute:<body background=” full address of image.png”>


Paragraph Tag: The paragraph tag is used to define a new paragraph. Like, create a new line of a web page.
Attributes:


TagDescription
Align

Left, Right, Center you can change the text alignment. Example:

<p align=" center or right or left">This is the background right of my web page. </p>



Examle:

<html>Left

<head>

<title>My Web Page</title>

</head>


Examle:

<body>

<p align=”right”>This text is right side.</p>

<p align=”left”> This text ix left side.</p>

<p align=”center”>This text is center side.</p>

</body>

</html>

Output:

This is background right of my web page.

This is background left of my web page.

This is the background center of my web page.

HTML Learn Part-1 


Line Break Tag <BR>: BR tag is known as Line Break. This tag is the text to create a new line without inserting a blank between the word.

Example:

<html>

<head>

<title>My Web Page</title>

</head>

<body>

<p>This is  HTML stand for Hyper Text Markup Language. <br>It help to create web page. </p>

</body>

</html>

Output:

This is  HTML stands for HyperText Markup Language.

It helps to create a web page.

Without <BR> Tag:
<html>

<head>

<title>My Web Page</title>

</head>

<body>

<p> This is HTML stand for Hyper Text Markup Language. It help to create web page. </p>

</body>

</html>

Output: This is HTML stands for HyperText Markup Language. It helps to create a web page.

Text Formatting Tag

The Formatting Elements were the display design special type of text.

TAG

DESCRIPTION

<B>

Bold Text

<STRONG>

Important Text

<I>

Italic Text

<EM>

Emphasized Text

<MARK>

Mark Text- Highlight

<SMALL>

Smaller text

<DEL>

Delete Text

<INS>

Insert Text

<SUB>

Subscript Text

<SUP>

Superscript Text

Example:  Try yourself

<html>

<head>

<title>My Web Page</title>

</head>

<body>

<p> This is <b>HTML</b> stand for <strong>Hyper Text Markup Language</strong>.<i> It help to create web page.</i> <em>Emphasized Text is beautiful. <mark>Hello Everyone how are you?</mark>.    </p>

</body>

 </html>

 Example:

<html>

<head>

<title>My Web Page</title>

</head>

<body>

<p> This is <b>HTML</b> stand for <strong>Hyper Text Markup Language</strong>.<i> It help to create web page.</i> <em>Emphasized Text is beautiful</em>. <mark>Hello Everyone how are you?</mark>. this is <del>food </de> plant. Those boys have <small>column</small>. This is water of  formula <sub>H2O</sub>. This  text is Factorization of x4 + x2y2 + y4<  </p>

</body>

 </html>

Output: This is  HTML  stands for  HyperText Markup Language  It helps to create a web page.   Emphasized Text is beautifulHello Everyone how are you?.    

Heading Tag

HTML provides not only plain paragraph tags, but six separate header tags to indicate headings of various sizes and thicknesses. Enumerated as heading 1 through heading 6, heading 1 has the largest and thickest text while heading 6 is the smallest and thinnest, down to the paragraph level. This topic details the proper usage of these tags.

  • <h1> defines the most important heading.
  • <h6> defines the least important heading.

Defining a heading:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Example: 

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>


 




Tags

Post a Comment

0Comments
Post a Comment (0)

Name

Email *

Message *