Ví dụ xây dựng giao diện website bằng HTML5

Code:

<!DOCTYPE html>
<html>
<head>
<style>
header {
background-color:black;
color:white;
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>
</head>
<body>

<header>
<h1>Xây dựng giao diện website bằng HTML</h1>
</header>

<nav>
HTML<br />
CSS<br />
JavaScript<br />
</nav>

<section>
<h2>HTML</h2>
<p>
Chúng ta đã nghe nói nhiều về lập trình web với HTML. Vậy, <strong>HTML là gì</strong> ? HTML là ngôn ngữ đánh dấu cho việc mô tả các tài liệu web (trang web).
</p>
<ul>
<li>HTML là viết tắt của <strong>H</strong>yper <strong>T</strong>ext <strong>M</strong>arkup <strong>L</strong>anguage (Ngôn ngữ Đánh dấu Siêu văn bản)</li>
<li>Ngôn ngữ đánh dấu là một tập hợp các thẻ đánh dấu</li>
<li>Các tài liệu HTML được mô tả bằng các thẻ HTML</li>
<li>Mỗi thẻ HTML mô tả những nội dung khác nhau</li>
</ul>
</section>

</body>
</html>

Kết quả:

WebVN Cộng đồng web Việt Nam

Ví dụ xây dựng giao diện website bằng HTML5

Leave a Reply Cancel reply