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.