Jump to: navigation, search

HTML First Page

From w3cyberlearnings

Contents

HTML - Introduction to HTML

A web page uses to share and distribute information to the world. In this tutorial, you learn how to create a simple HTML page.

HTML - Syntax HTML Page Structure

This is the HTML syntax.

<html>
	<head>
		<title>
                       My Page Title
                </title>
	</head>
	<body>
                      My Page Body
	</body>
</html>

Page 1

  • Page Title: My Letter to Dr.Bob
  • Page Content is between the body tags: <body> .... content ... </body>
<html>
<head>
<title>My Letter to Dr.Bob</title>
</head>
<body>

<div>
	<h3>Dear Dr. Bob</h3> 
	<p>
		Good Morning Dr. Bob, I would like to visit you tomorrow.
	</p>
	<p>
		There are a lot of problems related to my research papers.
		I hope to talk with you in person for more detail.
	</p>
	<p>
		As we have discussed previously, I need more detail on ABC
	</p>
	<p>
		I believe you will have time for this appointment.
	</p>

	Sincerely yours, 
	<h3>
		John
	</h3>
</div>

</body>
</html>

Output TRY-IT

Html first page project1.png

Project 2

  • Use CSS to set page width, color, and background color.
  • .bb and .bb3 is for class. i.e: <i class="name">...</i>
<html>
<head>
<title>Page 2</title>
<style>
	body {
		width:380px;
	}
	.bb {
		background-color:gray;
		color:white;
	}
	.bb3 {
		background-color:green;
		color:white;
	}
</style>
</head>
<body>
<h3>Construction techniques</h3>
<i class="bb">
	The stones, as smooth as polished marble, were laid without mortar with very 
	tight joints that were sometimes hard to find. The blocks were held together 
	by mortise and tenon joints in some cases, while in others they used 
	dovetails and gravity. The blocks were presumably put in place by a 
	combination of elephants, coir ropes, pulleys and bamboo scaffolding. 
	Henri Mouhot noted that most of the blocks had holes 2.5 cm in diameter and 3 cm deep, 
	with more holes on the larger blocks. Some scholars have suggested that these
	were used to join them together with iron rods, but others claim they were used 
	to hold temporary pegs to help manoeuvre them into place. The Khmer architects 
	never made the curved arches used by the Romans. They did create a corbelled arch, 
	but this often proved unstable and collapsed.
</i>
<br/><br/>
<b class="bb3">
	The monument was made out of enormous amounts of sandstone, 
	as much as Khafre's pyramid in Egypt (over 5 million tons). 
	This sandstone had to be transported from Mount Kulen, 
	a quarry approximately 25 miles (40 km) to the northeast. 
	The stone was presumably transported by raft along the Siem Reap river. 
	This would have to have been done with care to avoid overturning 
	the rafts with such a large amount of weight. One modern engineer 
	estimated it would take 300 years to complete Angkor Wat today.[40] 
	Yet the monument was begun soon after Suryavarman came to the 
	throne and was finished shortly after his death, no more than 40 years
</b>
</body>
</html>

Output TRY-IT

Html first page project2.png

Related Link


Navigation
Web
SQL
MISC
References