<html> <head> <title>Page title</title> </head> <h1>This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </html>
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
<!DOCTYPE html>
<!DOCTYPE html> <html> <body> <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> </body> </html>
<p>My favorite color is <del>blue</del> red.</p>
<select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select>
아래의 body에서
<body> <div id="header"> <h1>City Gallery</h1> </div> <div id="nav"> London<br> Paris<br> Tokyo<br> </div> <div id="section"> <h1>London</h1> <p> London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. </p> <p> Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium. </p> </div> <div id="footer"> Copyright © W3Schools.com </div> </body>
다음의 style이 적용되었다고 하고
<style>
#header {
background-color:black;
color:yellow;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>