Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
97 views

HTML Programmes

The documents demonstrate how to create webpages using different HTML tags and properties like headings, paragraphs, lists, tables, images, fonts, and layout. The documents progress from simple pages to more advanced pages using combinations of tags and properties.

Uploaded by

Shetty ᴖᴥᴖ
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
97 views

HTML Programmes

The documents demonstrate how to create webpages using different HTML tags and properties like headings, paragraphs, lists, tables, images, fonts, and layout. The documents progress from simple pages to more advanced pages using combinations of tags and properties.

Uploaded by

Shetty ᴖᴥᴖ
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

CREATE A SIMPLE WEBPAGE

<html>

<head>

<title> new page </title>

</head>

<body>

WELCOME TO COMPUTER LAB

</body>

</html>

CREATE A WEBPAGE USING HTML TAGS FONT COLOR AND FONT SIZE
<html>

<head>

<title> new page </title>

</head>

<body>

<font color="red">

<font size=72>

WELCOME TO COMPUTER LAB

</body>

</html>
CREATE A WEBPAGE USING TAGS FONT COLOR, FONT SIZE, BACKGROUND COLOR AND
PRE
<html>

<head>

<title> new page </title>

</head>

<body>

<body bgcolor="cyan">

<font color="red">

<font size=72>

<pre>

WELCOME TO COMPUTER LAB

</pre>

</body>

</html>

CREATE WEBPAGE USING HTML TAGS TO SET BACKGROUND IMAGE


<html>

<head>

<title> set background image </title>

</head>

<body background=”tulips.jpg”>

<body>

<H1> setting of background image using body background tag</H1>

</body>

</html
CREATE A WEBPAGE USING HTML HEADING STYLES
<html>

<head>

<title>Heading styles</title>

<body bgcolor="blue">

</head>

<font color="pink"

<body>

<font size=36>

<H1>Kips learning Solutions(H1) </H1>

<H2>Kips learning Solutions(H2) </H2>

<H3>Kips learning Solutions(H3) </H3>

<H4>Kips learning Solutions(H4) </H4>

<H5>Kips learning Solutions(H5) </H5>

<H6>Kips learning Solutions(H6) </H6>

</body>

</html>
CREATE A WEBPAGE USING html TABLE PROPERTIES
<html>

<head>

<title>creating table</title>

<style type="text/CSS">

body{background-color:RGB(255,251,214);}

TABLE,TD,TH {border:1px solid red}table{border collapse:seperate;empty-cells:show:}

TH,TR,TD{padding:3px 5px 5px 3px}</style>

</head>

<body>

<table>

<TR><TH style=background color;red;color;white>name</TH>

<TH style=background color:red;color:white>Email</TH></TR>

<TR><TD>Anand</TD><TD>anand123@kips.in</TD></TR>

<TR><TD>Sheena</TD><TD>sheena96@kips.in</TD></TR>

<TR><TD>Radha</TD><TD>radha202@kips.in</TD></TR>

</TABLE>

</BODY>

</HTML>
CREATE A WEBPAGE USING TABLE PROPERTIES WHICH SHOWS STATES AND THEIR
CAPITALS
<html>

<head>

<title>creating table</title>

<style type="text/CSS">

body{background-color:RGB(255,251,214)}

caption{caption-side:bottom}

TABLE,TD,TH{border:1px solid magenta}

TABLE{bordercollapse:collapse;padding:5px;width:100%;height:30%;text-allign:center;background-
color:RGB(250,223,223)}

TH{color:blue}

</style></head>

<body><table>

<caption style=color:red><B>figure:States and their Capitals</B></caption>

<TR><TH>STATE</TH><TH>CAPITAL</TH></TR><TR><TD>J&K</TD><TD>Srinagar(summer)
Jammu(winter)</TD>

<TR><TD>Punjab</TD><TD>Chandigarh</TD>

</TR><TR><TD>Gujarat</TD><TD>Gandhinagar</TD>

</TR></TABLE>

</BODY>

</HTML>
CREATE A WEBPAGE USING HTML TABLE PROPERTIES WHICH SHOWS STUDENT
INFORMATION
<html>

<head>

<title>creating a table </title>

<style type = "text/css">

body {background-colour: rgb (255,251,214)}

table, th, td{border:1px solid blue }

th{color:blue}

</style> </head>

<body> <table>

<caption style = color:red>student information</caption>

<tr><th>s.no </th> <th>name </th> <th>grades</th>

</tr> <tr>

<td> 1 </td> <td>Bindu</td> <td>A</td>

</tr> <tr> <td>2</td> <td>Yogesh</td> <td> A+</td>

</tr> <tr> <td>3</td> <td>Sakshi</td> <td> A+</td>

</tr> </table>

</body>

</html>
CREATE A WBPAGE USING HTML LIST PROPERTIES
<html>

<head>

<title> character</title>

<style type="text/css">

body{background-color:RGB(255,251,214)}

H1{color:red}

L1{color:green}

</style>

</head>

<body>

<H1>character is a combination of:</h1>

<ot start=3 reversed>

<LI> Integrity

<LI>Unselfishness

<LI>Understanding

</OL>

</body>

</html>
CREATE A WEBPAGE USING HTML NESTED LIST PROPERTIES
<html>

<head>

<title>ordered and unordered lists</title>

<style type=''text/css''>

body{background-color:RGB(255,251,214)}

ol{list-style-type:lower-roman;}

ul{list-style-type:circle;}

li{font-size:20px;}

h1{color:blue}</style></head><body>

<h1>Vitamins</h1>

<ul><li style=color:red><b>Fat-soluble vitamins</b>

<ol><li style=color:darkgreen>Vitamin-A

<li style=color:darkgreen>Vitamin-D

<li style=color:darkgreen>Vitamin-E

<li style=color:darkgreen>Vitamin-K

</ol><li style=color:red><b>Water-soluble vitamins</b>

<ol style=list-style-type:upper-alpha>

<li style=color:darkgreen>Vitamin-B1

<li style=color:darkgreen>Vitamin-B2

<li style=color:darkgreen>Vitamin-B3

<li style=color:darkgreen>Vitamin-B5

<li style=color:darkgreen>Vitamin-B6

<li style=color:darkgreen>Vitamin-B7

<li style=color:darkgreen>Vitamin-B9

<li style=color:darkgreen>Vitamin-B12

<li style=color:darkgreen>Vitamin-C</ol></ul>
</body></html>

CREATE WEBPAGE USING HTML ORDERED LIST


<html>

<head>

<title>Characters</title>

<body{background-color:RGB(255,251,214)}

H1{color:red}

LI{color:green}>

<styletype="text/css">

<body bgcolor="pink">

</style>

</head>

<body>

<font color="white">

<H1>Character is a combination of:</h1>

<ol start=3 reversed>

<LI>Integrity</LI>

<LI>Unselfishness</LI>

<LI>Understanding</LI>

</ol>

</body>

</html>
CREATE WEBPAGE USING HTML TAGS PRE TOPMARGIN AND LEFT MARGIN
<html>

<head>

<title>PRE , Topmargin , Leftmargin</title>

</head>

<body bgcolor="Red">

<body>

<font face="Times New Roman" Topmargin=200 Leftmargin=50>

<Font color="Black">

<font size=30>

<PRE>

God always helps those

Who help themselves

</font>

</PRE>

</body>

</html>
CREATE WEBPAGE USING HTML TAGS SUBSCRIPT AND SUPERSCRIPT
<html>

<head>

<title>Subscript and Superscript Tags</TITLE>

</HEAD>

<body>

<center><h1><b><i><u>Formula</u></i></b></center>

<h2>H<sub>2</sub>O<br>

A<sup>3</sup>B<sup>3</sup><br>

</h2>

</body>

</html>

You might also like