HTML
`HTML
HTML-Hyper Text Markup Language
Introduction:
HTML is creating a simple web page. Its run to the
Browsers.
Browser:
Internet Explorer
Mozila Fire Fox
Google Chrome
Opera Mini
Tags:
< > Opening tag
< / > Closing tag
Single Tag <br>
Paired tag <html> <body>
APOLLO COMPUTER EDUCATION LTD,Sivakasi
HTML
Structure of the HTML:
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
Tags:
<html>
<head> heading
<title>
<body> content of the program
<B> bold
<i> italic
APOLLO COMPUTER EDUCATION LTD,Sivakasi
HTML
<u> underline
<p align=justify> paragraph
<marquee>
<table>
<th> table head
<tr> table row
<td> table data
<a href=____.html> hyperlink
<ol> Ordered list (1,2,3.... a,b,c…. I,II,III…. Like that)
<li>list
<ul> unordered list (!,@,#,$,% [ Symbols])
Program:
<html>
<head>
<title> Sample
</title>
</head>
APOLLO COMPUTER EDUCATION LTD,Sivakasi
HTML
<body>
<center> Html program </center>
<b>Hi</b><br>
<u>Hello</u><br>
<i>How are you</i>
<center><b><h1> Student Mark List</h1></center>
<center><table border=2 cellpadding=2 cellspacing=5>
<th>S.No</th><th>Name</th><th>Mark1</th><th>Mark
2</th>
<tr><td>1</td><td>Abi</td><td>75</td><td>85</td>
<tr><td>2</td><td>Anu</td><td>45</td><td>88</td>
<tr><td>3</td><td>Anitha</td><td>55</td><td>95</td>
<tr><td>4</td><td>bala</td><td>57</td><td>45</td>
</table></center>
<Marquee>On the Insert tab , the galleries include items
that are designed to coordinate with the overall look of
your document. You can use these galleries to insert
tables, headers, footers, lists, cover pages, and other
APOLLO COMPUTER EDUCATION LTD,Sivakasi
HTML
docume nt building blocks. When you create pictures,
charts, or diagrams, they also coordinate with your
current document look.
You can easily change the formatting of selected text in the document text by choosing a look for the
selected text from the Quick Styles gallery on the Home tab. You can also format text directly by using
the other controls on the Home tab. Most controls offer a choice of using the look from the current
theme or using a format that you specify directly.
To change the overall look of your document, choose
new Theme elements on the Page Layout tab. To change
the looks available in the Quick Style gallery, use the
Change Current Quick Style Set command. Both the
Themes gallery and the Quick Styles gallery provide reset
commands so that you can always restore the look of
your document to the original contained in your current
template.
</marquee>
<ol type="A">
<li>Tamil
<li>English
<li>Maths
<li>Science
<li>Social Sciece
APOLLO COMPUTER EDUCATION LTD,Sivakasi
HTML
</ol>
<h1><ul type=circle>
<li>Tamil
<li>English
<li>Maths
<li>Science
<li>Social Sciece
</ul></h1>
<a href=sskp.html>Home</a>
<p align=justify>On the Insert tab, the galleries include
items that are designed to coordinate with the overall
look of your document. You can use these galleries to
insert tables, headers, footers, lists, cover pages, and
other document building blocks. When you create
pictures, charts, or diagrams, they also coordinate with
your current document look.
You can easily change the formatting of selected text in
the document text by choosing a look for the selected
text from the Quick Styles gallery on the Home tab. You
APOLLO COMPUTER EDUCATION LTD,Sivakasi
HTML
can also format text directly by using the other controls
on the Home tab. Most controls offer a choice of using
the look from the current theme or using a format that
you specify directly.
To change the overall look of your document, choose
new Theme elements on the Page Layout tab. To change
the looks available in the Quick Style gallery, use the
Change Current Quick Style Set command. Both the
Themes gallery and the Quick Styles gallery provide reset
commands so that you can always restore the look of
your document to the original contained in your current
template.
</p>
</body>
</html>
tydjytrsdhmdt
APOLLO COMPUTER EDUCATION LTD,Sivakasi