0% found this document useful (0 votes)
12 views18 pages

Html-Basic Tags

The document provides an overview of HTML, including its basic structure, container and empty tags, and various formatting tags. It explains the use of the <body> tag for web page content, as well as formatting options like font, paragraph, and heading tags. Additionally, it includes practical tasks for designing a web page with specific formatting requirements.

Uploaded by

3385
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
12 views18 pages

Html-Basic Tags

The document provides an overview of HTML, including its basic structure, container and empty tags, and various formatting tags. It explains the use of the <body> tag for web page content, as well as formatting options like font, paragraph, and heading tags. Additionally, it includes practical tasks for designing a web page with specific formatting requirements.

Uploaded by

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

 Using ________ we create a web page.

 What is the basic structure of HTML?


 What is container tag and Empty tag?
 Web browser?
 Web page?
 Website?
[Link]
bc&feature=[Link]
 Basic structure of HTML
 Identifying Container and Empty tags
 Formatting Tags
➢ <body> tag with attributes
➢ Break line
➢ Font Tags
➢ Paragraph tags with attributes
➢ Bold, italics, underline, moving text
➢ Heading tags
➢ Horizontal Rule
➢ Write the basic structure in correct order.
 <head>
 <html>
 <body>
 </head>
 </body>
 <title>
 <html>
 <head><title></title></head>
 <body></body>
 </html>
 <input>
 <p>
 <br>
 <b>
 <i>
 <hr>
 <img>
 <h2>
 When writing in HTML, the <body> tag is used to
contain a web page's content, including hyperlinks,
images, tables, text, etc. It is required in every
HTML document, and there may only be one
<body> tag per page.
 <body bgcolor=“yellow”>

 <body background=“[Link]”>

 <body text=“red”>

 < body bgcolor=“yellow” background=“[Link]”


text=“red”>
➢ Break line-<br>

➢ FontTags
➢ <font size="3">HELLO</font><br>
<font color="blue">HELLO</font><br>
<font face="verdana">HELLO</font><br>

➢ <fontsize="3“ color="blue“
face="verdana”>HELLO</font>
➢ Paragraph tags with attributes

<p> HELLO, HOW ARE YOU></p>

<p align=“right”> HELLO, HOW ARE YOU></p>


➢ Bold,
italics, underline, moving text
<b>, <i>,<u>,<marquee>
<b><i><u><marquee>WELCOME????

Ans:
<b>
<i><u><marquee>WELCOME</marquee></u></i>
</b>
 <Marquee> attributes
 <marquee direction="up" height=“200" width="200"
bgcolor="white">This is scrolling of the
text...</marquee>

<marquee direction="up" height="100"


width=“100" bgcolor="white">This is scrolling of
the text...</marquee>
<h1>HELLO 1</h1>
<h2>HELLO 2</h2>
<h3>HELLO 3</h3>
<h4>HELLO 4</h4>
<h5>HELLO 5</h5>
<h6>HELLO 6</h6>

 Attribute is “align”
 <h1 align=“center”> Welcome to Computer Application
</h1>
 <h2 align=“right”> Welcome to Computer Application </h2>
➢ Horizontal Rule with attributes
 The <hr> element is used to separate
content (or define a change) in an HTML
page.
 Attributes are:
▪ Align
▪ Noshade
▪ Size
▪ Width
▪ Color
<h1>HTML</h1>
HELLO
<hr>
HELLO
<hr align="right" size=50 color="red">
HELLO
<hr noshade size=50>
1. Design a web page on “Expo 2020” with any
3 formatting tags.
2. Add a background color to the webpage with
red color text flying from 4 directions.
3. Create a paragraph on “Expo 2020” in
different locations of the webpage.
4. Add a background image and edit the
paragraph with different types of font tags.
Also represent the text section wise with line
spacing.

You might also like