Scribd
Upload
3 views8 pages

Frontend 2

The document provides an overview of basic HTML tags, including heading, paragraph, bold, strong, italic, emphasize, center, underline, font, breakline, horizontal line, marquee, and nested tags. It also details phrase tags such as abbreviation, short quote, address, keyboard, code, strike, and mark, along with examples for each tag. Additionally, it notes that some tags like <center>, <u>, and <font> are not supported in HTML5.

Uploaded by

Thallapalli Gayathri
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
3 views8 pages

Frontend 2

The document provides an overview of basic HTML tags, including heading, paragraph, bold, strong, italic, emphasize, center, underline, font, breakline, horizontal line, marquee, and nested tags. It also details phrase tags such as abbreviation, short quote, address, keyboard, code, strike, and mark, along with examples for each tag. Additionally, it notes that some tags like <center>, <u>, and <font> are not supported in HTML5.

Uploaded by

Thallapalli Gayathri
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
You are on page 1/ 8

Basic HTML Tags

===============

Heading tags
============
Heading tags are used to display the heading in a web page.

We have six heading tags i.e <h1> to <h6>.

Heading tags display the text in bold and the size of text is depends upon number
of heading tag.

ex:
---
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<h1>Heading Tag1</h1>
<h2>Heading Tag2</h2>
<h3>Heading Tag3</h3>
<h4>Heading Tag4</h4>
<h5>Heading Tag5</h5>
<h6>Heading Tag6</h6>
</body>
</html>

Paragraph tag
=============
A <p> tag is used to display the paragraph in a web page.

ex:
---
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<p>
iHub is a subsidiary of Quality Thought, the industry leader in
software training. With over a decade of expertise in training and placements in
Hyderabad, Quality Thought has been a frontrunner in the IT training sector.
Quality Thought, at its best, provides training in numerous technologies and acts
as a catalyst to attaining one’s goals.
</p>
</body>
</html>

Bold tag
========
A <b> tag is used to display the text in bold without importance.

ex:
---
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<b>This is Bold Tag</b>
</body>
</html>

Strong tag
=========
A <strong> tag is used to display the text in bold with importance.

ex:
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<strong>This is strong tag</strong>
</body>
</html>

Italic tag
===========
A <i> tag is used to display the text in italic without force.

ex:

<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<i>This is Italic tag</i>
</body>
</html>

Emphasize tag
=============
A <em> tag is used to display the text in italic with force.

ex:

<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<em>This is Emphasize tag</em>
</body>
</html>

center tag
===========
A <center> tag is used display the text in center.

HTML5 does not support <center> tag.

ex:

<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<center>This is center tag</center>
</body>
</html>

Underling tag
==============
A <u> tag is used to display the text in underline.

HTML5 does not support <u> tag.

ex:

<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<u>This is underline tag</u>
</body>
</html>

Font tag
========
A <font> tag is used to specify text size, color and font face.

HTML5 does not support <font> tag.

ex:
---
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<font size="30px" color="blue" face="monospace">
This is font tag
</font>
</body>
</html>

ex:
---
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<font size="30px" color="blue" face="cursive">
This is font tag
</font>
</body>
</html>

ex:
---
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<font size="30px" color="blue" face="sans-serif">
This is font tag
</font>
</body>
</html>

Breakline tag
===============
A <br> tag is used to break the line.

ex:

<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
This is First Line
<br>
This is Second Line
</body>
</html>

Horizontal line tag


===================
A <hr> tag is used to declare horizontal line in a web page.

ex:
---
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
This is First Line
<hr>
This is Second Line
</body>
</html>

Marquee tag
===========
A <marquee> tag is used to scroll the text in a web page.

ex:

<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<marquee>Welcome to Marquee example</marquee>
</body>
</html>

ex:
---
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<marquee direction="right">Welcome to Marquee example</marquee>
</body>
</html>

Nested Tags
===========
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<center>
<h1>
<font color="blue">
Nested Tag Example
</font>
</h1>
</center>
</body>
</html>

Phrase Tags
============
Phrase tags are special purpose tags which define special meaning to the text or
block of code.

We have following list of phrase tags.

1) Abbreviation - <abbr>

2) Short Quote - <q>


3) Address - <address>

4) Keyboard - <kbd>

5) Code - <code>

6) Strike - <strike> or <s>

7) Mark - <mark>

and etc.

1) Abbreviation - <abbr>
-------------------------
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<abbr title="HyperText Markup Language">HTML</abbr> is widely used
language on web to develop web applications
</body>
</html>

2) Short Quote - <q>


---------------------
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<p>
<q>
Our curriculum is meticulously designed by Industry
leaders keeping in mind the latest trends in the IT
industry
</q>
</p>
</body>
</html>

3) Address - <address>
---------------------------
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<address>
515, Niligiri Block, Aditya Enclave, Ameerpet, Hyderabad,
Telangana-500016
</address>
</body>
</html>

4) Keyboard - <kbd>
------------------------
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<p> To copy press CTRL+C button </p>

<p> To copy press <kbd>CTRL+C</kbd> button </p>


</body>
</html>

5) Code - <code>
------------------------
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<code>
void main()
{
clrscr();
printf("Hello");
getch();
}
</code>
</body>
</html>

6) Strike - <strike> or <s>


----------------------------------
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
<strike>This is Java class</strike>
<br>
<s>This is Java class</s>

</body>
</html>

7) Mark - <mark>
-------------------------
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
</head>
<body>
I am planning to <mark>quit</mark> the job
</body>
</html>

You might also like