Scribd
Upload
18 views4 pages

WT Simple Sample Program

Uploaded by

naitik S T
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
18 views4 pages

WT Simple Sample Program

Uploaded by

naitik S T
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/ 4

1. FirstWebPage.

html

<HTML>
<HEAD>
<Title> my first web page
</Title>
</HEAD>

<BODY>
Welcome all
</BODY>
</HTML>
2. Heading.html
<html>
<head>
<title>Heading Example </title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<h7>This is heading 6</h7>
<h8>This is heading 6</h8>
</body>
</html>

3. Paragraph.html
<!DOCTYPE html>
<html>
<head>
<title> Reva University </title>
</head>
<body>
<h1 style = “font-size:60px;”> Heading 1</h1>
<p> I like HTML </p>
<hr>
<h1 style = “font-size:50px;”> Heading 2</h1>
<p> I like CSS </p>
<hr>
<h2> Heading 3</h2>
<p> I like Java Script </p>
</body>
</html>
4. Color.html

<!DOCTYPE html>
<html>
<head>
<title> Reva University </title>
</head>
<body style="background-color:powderblue;">
or <body style="background-color:#fd23ab">
<h1 style = “font-size:60px;” > Heading 1</h1>
<p> I like HTML </p>
<br>
<h1 style = “font-size:50px;”> Heading 2</h1>
<p> I like CSS </p>
<br>
<h2> Heading 3</h2>
<p> I like Java Script </p>
</body>
</html>

5. Attribute - Links to an external image that is hosted on another website

<a href="https://www.w3schools.com">Visit W3Schools</a>

6. Image

<img src="C:\Users\THIS PC\Downloads\Reva.PNG" width="500" height="600">

7. Other tag
 <b> - Bold text
 <strong> - Important text
 <i> - Italic text
 <em> - Emphasized text
 <mark> - Marked text
 <small> - Smaller text
 <del> - Deleted text
 <ins> - Inserted text
 <sub> - Subscript text
 <sup> - Superscript text
8. Tables
<!DOCTYPE html>
<html>
<style>
table, th, td {
border:1px solid black;
}
</style>
<body>
<h2>TH elements define table headers</h2>
<table style="width:100%">
<tr>
<th>Person 1</th>
<th>Person 2</th>
<th>Person 3</th>
</tr>
<tr>
<td>Emil</td>
<td>Tobias</td>
<td>Linus</td>
</tr>
<tr>
<td>16</td>
<td>14</td>
<td>10</td>
</tr>
</table>
<p>To undestand the example better, we have added borders to the table.</p>
</body>
</html>
9. Lists

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
10. Forms
<!DOCTYPE html>
<html>
<body>
<h2>Text input fields</h2>
<form>
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname" value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe">
</form>
<p>Note that the form itself is not visible.</p>
<p>Also note that the default width of text input fields is 20 characters.</p>
</body>
</html>

Submit Button

<!DOCTYPE html>
<html>
<body>

<h2>The name Attribute</h2>

<form action="/action_page.php">
<label for="fname">First name:</label><br>
<input type="text" id="fname" value="John"><br><br>
<input type="submit" value="Submit">
</form>

<p>If you click the "Submit" button, the form-data will be sent to a page called
"/action_page.php".</p>

<p>Notice that the value of the "First name" field will not be submitted, because the
input element does not have a name attribute.</p>

</body>
</html>

You might also like