Scribd
Upload
66 views7 pages

HTML 2

Uploaded by

M
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
66 views7 pages

HTML 2

Uploaded by

M
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/ 7

Formatted tags in HTML & HTML5:

======================
HTML & HTML5 supports Formatted tags.The main objective of formatted tags is for
better look and fill.
Following are the formatted string in HTML & HTML5.All are paired tags

-><u></u>:It is used to provide the underline


-><mark></mark>:It is used to highlights the contents
-><sup></sup>:It is used to display in superscript format
-><sub></sub>:It is used to display in sub
-><tt></tt>:It is used to display in monospace format
-><ins></ins>:It is used to add the content
-><i></i>:It is used to display in italic format.

Ex1:
===
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML</title>
<link href="u1.png" rel="icon" sizes="16*16">
</head>
<body>
<h1><i>He is a Developer in <u>HCL</u></i></h1>
<hr>
<h2>She is a <mark>Application Developer</mark> in Wipro</h2>
<hr>
<h3><mark>Rahul is a software Developer at JP morgan</mark></h3>
<hr>
<h4>Priya is a <sup>ReactJS</sup> developer at TCS</h4>
<hr>
<h5><tt>Aditya is a Software Engineer at Microsoft</tt><ins>He is helping
current students for IBM exam</ins></h5>
<hr>
<h6>Jessica is <sub>Full Stack Python Developer</sub></h6>
<hr>

</body>
</html>

marqee tag:
=======
It is a paired tag.The main objetive of marquee tag is provide simple animation on
web page.

Ex1:
===
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML</title>
<link href="u1.png" rel="icon" sizes="16*16">
</head>
<body>
<hr>
<h1><marquee><tt>Welcome to IHUB_IT_SERVICES_1</marquee></tt></h1>
<hr>
<br>
<hr>
<h1><marquee direction="up"><tt>Welcome to
IHUB_IT_SERVICES_2</marquee></tt></h1>
<hr>
<br>
<hr>
<h1><marquee direction="down"><tt>Welcome to
IHUB_IT_SERVICES_2</marquee></tt></h1>
<hr>

</body>
</html>

Working with anchor tag:


================
HTML & HTML5 supports anchor tag.The main objective of anchor tag is to provide the
link
between pages.It is used to navigate from our web page to real world application
web page.

<a href=""></a>

Ex1:
===
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML</title>
<link href="u1.png" rel="icon" sizes="16*16">
</head>
<body>
<hr>
<center>
<h1><tt>Welcome to Quality Thought for FrontEnd Developer</tt></h1>
</center>
<hr>
<br>
<hr>
<center>
<a href="http://www.indeed.com">INDEED</a>|
<a href="http://www.linkedin.com">LINKED_IN</a>|
<a href="http://www.monster.com">MONSTER</a>|
<a href="http://www.naukri.com">NAUKRI</a>|
</center>
<hr>
</body>
</html>

main.html:
======
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML</title>
<link href="u1.png" rel="icon" sizes="16*16">
</head>
<body>
<hr>
<center>
<h1><tt>Welcome to Quality Thought Students Portals</tt></h1>
</center>
<hr>
<br>
<hr>
<center>
<a href="home.html">HOME</a>|
<a href="about.html">ABOUT</a>|
<a href="service.html">SERVICES</a>|
<a href="login.html">LOGIN</a>|
<a href="register.html">REGISTER</a>|

</center>
<hr>

</body>
</html>

home.html:
=======
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home_Page</title>
</head>
<body>
<h1><tt>Home page is under developement</tt></h1>

</body>
</html>

about.html:
========
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About_Page</title>
</head>
<body>
<h1><tt>About page is under development</tt></h1>

</body>
</html>

Working with image tag:


===============
HTML & HTML5 supports image tag.The main objective of image tag is put
the image content on the web page

<img src="" alt="" height="" width="" />

Ex1:
==
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML</title>
<link href="u1.png" rel="icon" sizes="16*16">
</head>
<body>
<hr>
<center>
<h1><tt>HTML & HTML5</tt></h1>
</center>
<hr>
<br>
<hr>
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">

<hr>
<br>
<hr>
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">

<hr>
<br>
<hr>
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">
<hr>
<br>
<hr>
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">

<hr>
<br>
<hr>
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">

<hr>
<br>
<hr>
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">

<hr>
<br>
<hr>
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">&nbsp;&nbsp;
<img src="u1.png" alt="In_valid_path" height="200" width="200">

<hr>

</body>
</html>

Ex2:
===
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML</title>
<link href="u1.png" rel="icon" sizes="16*16">
</head>
<body>
<hr>
<center>
<h1><tt>HTML & HTML5</tt></h1>
</center>
<hr>
<center>
<a href="http://www.linkedin.com"><img src="l1.png" alt="In_valid_path"
height="150" width="150"></a>
<a href="http://www.indeed.com"><img src="l2.png" alt="In_valid_path"
height="150" width="150"></a>
</center>
<hr>

</body>
</html>

Working with List tag:


==============
HTML & HTML5 supports List tags.The main objective of list tags is the list of
content
on web page.It is used to create naviagtion menu's.There are two type of list tags

->order list
<ol>
<li></li>
</ol>
->unorder list
<ul>
<li></li>
</ul>

Ex1:
==
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML</title>
<link href="u1.png" rel="icon" sizes="16*16">
</head>
<body>
<hr>
<center>
<h1><tt>Welcome to IHUB_IT_SERVICES</tt></h1>
</center>
<hr>
<ol>
<li>Full Stack Python Development</li>
<li>Full Stack Java Development</li>
<li>Full Stack DotNet development</li>
</ol>
<hr>
</body>
</html>

Ex2:
===
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML</title>
<link href="u1.png" rel="icon" sizes="16*16">
</head>
<body>
<hr>
<center>
<h1><tt>Welcome to IHUB_IT_SERVICES</tt></h1>
</center>
<hr>
<ul>
<li>Full Stack Python Development</li>
<li>Full Stack Java Development</li>
<li>Full Stack DotNet development</li>
</ul>
<hr>
</body>
</html>

You might also like