Scribd
Upload
40 views

HTML 2

Uploaded by

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

HTML 2

Uploaded by

M
Copyright
© © All Rights Reserved
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