<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Ví dụ thực tế về thẻ header trong HTML</title>
<style>
header{width:100%;float:left;height:auto;background:#000}
#logohea{height:60px;width:auto;float:left;margin-right:10px}
nav ul{margin:0px;padding:0px;}
nav ul li{margin:0px;padding:0px; list-style: none;float:left;margin-top:20px;margin-right:10px}
nav ul li a{color:#fff}
</style>
</head>
<body>
<h1>Chạy thử Ví dụ thực tế về thẻ header trong HTML</h1>
<p>Thẻ header trong HTML cụ thể là HTML5, nó được để ở trong thẻ body và hiển thị trên cùng trên giao diện website, header thường chứa logo, menu, hotline, tìm kiếm,...</p>
<header>
<img id="logohea" src="https://webmoi.vn/thumb/54x55/2/media/images/logo-web-moi.png">
<nav>
<ul>
<li><a>Trang chủ</a></li>
<li><a>Thiết kế website</a></li>
<li><a>Hosting</a></li>
<li><a>Blog</a></li>
<li><a>Liên hệ</a></li>
</ul>
</nav>
</header>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Ví dụ thực tế về thẻ header trong HTML</title>
<style>
header{width:100%;float:left;height:auto;background:#000}
#logohea{height:60px;width:auto;float:left;margin-right:10px}
nav ul{margin:0px;padding:0px;}
nav ul li{margin:0px;padding:0px; list-style: none;float:left;margin-top:20px;margin-right:10px}
nav ul li a{color:#fff}
</style>
</head>
<body>
<h1>Chạy thử Ví dụ thực tế về thẻ header trong HTML</h1>
<p>Thẻ header trong HTML cụ thể là HTML5, nó được để ở trong thẻ body và hiển thị trên cùng trên giao diện website, header thường chứa logo, menu, hotline, tìm kiếm,...</p>
<header>
<img id="logohea" src="https://webmoi.vn/thumb/54x55/2/media/images/logo-web-moi.png">
<nav>
<ul>
<li><a>Trang chủ</a></li>
<li><a>Thiết kế website</a></li>
<li><a>Hosting</a></li>
<li><a>Blog</a></li>
<li><a>Liên hệ</a></li>
</ul>
</nav>
</header>
</body>
</html>