Scribd
Upload
9 views22 pages

HTML Project 1

The document contains various HTML code examples demonstrating the implementation of different tags such as bold, italic, underline, break, alignment, background color, font size and color, headings, horizontal rules, paragraphs, anchor tags, images, and lists. Each example includes a brief introduction and the corresponding HTML code. The examples showcase how to format text and structure content using HTML.

Uploaded by

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

HTML Project 1

The document contains various HTML code examples demonstrating the implementation of different tags such as bold, italic, underline, break, alignment, background color, font size and color, headings, horizontal rules, paragraphs, anchor tags, images, and lists. Each example includes a brief introduction and the corresponding HTML code. The examples showcase how to format text and structure content using HTML.

Uploaded by

varepi6647
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 22

1.HTML code to implement bold tag.

<html>
<head>
<title>Bold tag</title>
</head>
<body>
<b>I'm Kunal Saxena, a BBA(II) student at DAV Institute of Management. I completed my
schooling at Sarvodaya Sr. Sec School. Apart from academics, I have a passion for drawing,
which I pursue as a hobby. My father is employed in the private sector, while my mother is a
dedicated homemaker. </b>
</body>
</html>

Output:

1
2.HTML code to implement italic tag.
<html>
<head>
<title>Italic tag</title>
</head>
<body>
<i>I'm Kunal Saxena, a BBA(II) student at DAV Institute of Management. I completed my
schooling at Sarvodaya Sr. Sec School. Apart from academics, I have a passion for drawing,
which I pursue as a hobby. My father is employed in the private sector, while my mother is
a dedicated homemaker. </i>
</body>
</html>

Output:

2
3.HTML code to implement underline tag.
<html>
<head>
<title>Underline tag</title>
</head>
<body>
<u>I'm Kunal Saxena, a BBA(II) student at DAV Institute of Management. I completed my
schooling at Sarvodaya Sr. Sec School. Apart from academics, I have a passion for drawing,
which I pursue as a hobby. My father is employed in the private sector, while my mother is a
dedicated homemaker. </u>
</body>
</html>

Output:

3
4.HTML code to implement break tag.
<html>
<head>
<title>Break Tag</title>
</head>
<body>
<b>I'm Kunal Saxena, a BBA(II) student at DAV Institute of Management. </b>
<br>I completed my schooling at Sarvodaya Sr. Sec School. Apart from academics, I have a
passion for drawing, which I pursue as a hobby.
<br>My father is employed in the private sector, while my mother is a
dedicated homemaker.
</body>
</html>

Output:

4
5.HTML code to implement center align tag.
<html>
<head>
<title>Center aligns</title>
</head>
<body>
<h1 style= text-align: center>MY INTRODUCTION </h1 style= text-align: center>
<p style= text-align: center> I'm Kunal Saxena, a BBA(II) student at DAV Institute of
Management. I completed my schooling at Sarvodaya Sr. Sec School. Apart from
academics, I have a passion for drawing, which I pursue as a hobby. My father is employed
in the private sector, while my mother is a dedicated homemaker. </p style= text-align:
center>
</body>
</html>

Output:

5
6.HTML code to implement left align tag.
<html>
<head>
<title>Center aligns</title>
</head>
<body>
<h1 style= text-align:left>MY INTRODUCTION </h1 style= text-align:left>
<p style= text-align:left> I'm Kunal Saxena, a BBA(II) student at DAV Institute of
Management. I completed my schooling at Sarvodaya Sr. Sec School. Apart from
academics, I have a passion for drawing, which I pursue as a hobby. My father is employed
in the private sector, while my mother is a dedicated homemaker. </p style= text-
align:left>
</body>
</html>

Output:

6
7.HTML code to implement right align tag.
<html>
<head>
<title>Center aligns</title>
</head>
<body>
<h1 style= text-align:Right>MY INTRODUCTION </h1 style= text-align:Right>
<p style= text-align:Right> I'm Kunal Saxena, a BBA(II) student at DAV Institute of
Management. I completed my schooling at Sarvodaya Sr. Sec School. Apart from
academics, I have a passion for drawing, which I pursue as a hobby. My father is employed
in the private sector, while my mother is a dedicated homemaker. </p style= text-
align:Right>
</body>
</html>

Output:

7
8.HTML code to implement Background colour
attribute.
<html>
<head>
<title>Background color</title>
</head>
<body bgcolor=orange>
I'm Kunal Saxena, a BBA(II) student at DAV Institute of Management. I completed my
schooling at Sarvodaya Sr. Sec School. Apart from academics, I have a passion for drawing,
which I pursue as a hobby. My father is employed in the private sector, while my mother is
a dedicated homemaker.
</body>
</html>

Output:

8
9.HTML code to implement font tag.
<html>
<head>
<title>Font size</title>
</head>
<body>
<font size=100px> I'm Kunal Saxena, a BBA(II) student at DAV Institute of Management. I
completed my schooling at Sarvodaya Sr. Sec School. Apart from academics, I have a
passion for drawing, which I pursue as a hobby. My father is employed in the private
sector, while my mother is a dedicated homemaker. </font>
</body>
</html>

Output:

10. HTML code to implement font color attribute.


9
<html>
<head>
<title>Font color</title>
</head>
<body>
<font color=red>I'm Kunal Saxena, a BBA(II) student at DAV Institute of Management. I
completed my schooling at Sarvodaya Sr. Sec School. Apart from academics, I have a
passion for drawing, which I pursue as a hobby. My father is employed in the private
sector, while my mother is a dedicated homemaker. </font>
</body>
</html>

Output:

11. HTML code to implement heading tag.


<html>
10
<head> <title>Heading</title></head>
<body>
<b>This is presenting heading tag</b>
<h1>I'm Kunal Saxena. </h1>
<h2>I have a passion for Drawing. </h2>
<h3>I'm currently pursuing a Bachelor's in Business Administration from DAV Institute of
Management. </h3>
<h4>Both my parents play important roles in my life; my father works in the private sector
while my mother takes care of our home. </h4>
<h5>I completed my 10th and 12th grades at Sarvodaya sr sec School. </h5>
<h6>I achieved 64.6% in my 12th class. </h6>
</body>
</html>

Output:

12. HTML code to implement horizontal rule tag.


11
<html>
<head>
<title>horizontal tag</title>
</head>
<body>
I'm Kunal Saxena, a BBA(II) student at DAV Institute of Management. I completed my
schooling at Sarvodaya Sr. Sec School. Apart from academics, I have a passion for drawing,
which I pursue as a hobby. My father is employed in the private sector, while my mother is
a dedicated homemaker.
<HR>
</body>
</html>

Output:

13. HTML code to implement paragraph tag.


<html>

12
<head>
<title>paragraph tag</title>
</head>
<body>
<b>This is paragraph. <br></b>
<p>I'm Kunal Saxena, a BBA(II) student at DAV Institute of Management. I completed my
schooling at Sarvodaya Sr. Sec School. Apart from academics, I have a passion for drawing,
which I pursue as a hobby. My father is employed in the private sector, while my mother is
a dedicated homemaker. </p>
</body>
</html>

Output:

14. HTML code to implement paragraph tag with


heading.
<html>

13
<head>
<title>paragraph with heading tag</title>
</head>
<body>
<b>This is paragraph. <br></b>
<p>I'm Kunal Saxena </p>
<h2> i am BBA(II) student at DAV Institute of Management. </h2>
<p>I completed my schooling at Sarvodaya Sr. Sec School. Apart from academics, I have a
passion for drawing, which I pursue as a hobby. My father is employed in the private
sector, while my mother is a dedicated homemaker. </p>
</body>
</html>

Output:

15. HTML code to implement paragraph tag with


break line tag.
<html>
<head> <title>paragraph with heading tag</title> </head>
14
<body>
<b>This is paragraph. <br></b>
<p>I'm Kunal Saxena,</p>
<br> I am BBA(II) student at DAV Institute of Management.
<p>I completed my schooling at Sarvodaya Sr. Sec School.</p>
<br> <p>Apart from academics, I have a passion for drawing, which I pursue as a hobby.
My father is employed in the private sector, while my mother is a dedicated homemaker.
</p>
</body>
</html>

Output:

16. HTML code to implement anchor tag.


<html>
<head>
<title>Anchor Tag</title>

15
</head>
<body>
<a href="https://davim.ac.in"> DAV Institute of Management </a>
</body>
</html>

Output:

After clicking the DAV Institute of Management:

16
17.HTML code to implement image tag.
<html>

17
<head>
<title>Image Tag</title>
</head>
<body>
<img src="https://images.pexels.com/photos/5877254/pexels-photo-5877254.jpeg?
auto=compress&cs=tinysrgb&w=600&lazy=load" width="55%" height="65%">
</body>
</html>

Output:

18.HTML code to implement order list tag.


<html>
<head>
18
<title>Order list Tag</title>
</head>
<body>
<h2>Major Indian Indices:-</h2>
<ol>
<li> Sensex </li>
<li> Nifty 50 </li>
<li> Nifty Bank </li>
<li> India VIX </li>
</ol>
</body>
</html>

Output:

19.HTML code to implement unorder list tag.


<html>
<head> <title>Unorder list Tag</title></head>
19
<body>
<h2>Major Indian Indices:-</h2>
<ul>
<li> Sensex </li>
<li> Nifty 50 </li>
<li> Nifty Bank </li>
<li> India VIX </li>
</ul>
</body>
</html>

Output:

20.HTML code to implement definition list tag.


<html>
<head>
<title>definition list Tag</title>
20
</head>
<body>
<h2>Major Indian Indices with definition:-</h2>
<dl>
<dt> Sensex </dt>
<dd>-Sensex stands for Stock Exchange Sensitive Index. Sensex meaning is a stock market
index that comprises the 30 largest and most actively traded stocks on the Bombay Stock
Exchange (BSE). </dd>
<dt> Nifty 50 </dt>
<dd>-The Nifty Fifty was a group of 50 large-cap stocks on the New York Stock Exchange
that were most favoured by institutional investors in the 1960s and 1970s.</dd>
<dt> Nifty Bank </dt>
<dd>-Nifty Bank, or Bank Nifty, is an index comprised of the most liquid and large
capitalised Indian banking stocks. </dd>
<dt> India VIX </dt>
<dd>-India VIX or India Volatility Index is a volatile index that is calculated by the NSE to
measure the market’s anticipation for volatility and fluctuations in the near term. </dd>
</dl>
</body>
</html>

21
Output:

22

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy