1. HTML: Xây dựng Cấu Trúc
HTML là một ngôn ngữ đánh dấu sử dụng các thẻ và phần tử để xây dựng cấu trúc của một trang web. Dưới đây là một ví dụ đơn giản về HTML:
<!DOCTYPE html>
<html>
<head>
<title>Trang Web của Tôi</title>
</head>
<body>
<header>
<h1>Chào mừng bạn đến với trang web của tôi!</h1>
</header>
<nav>
<ul>
<li><a href="#">Trang Chủ</a></li>
<li><a href="#">Giới Thiệu</a></li>
<li><a href="#">Liên Hệ</a></li>
</ul>
</nav>
<section>
<h2>Giới thiệu về chúng tôi</h2>
<p>Chúng tôi là một công ty chuyên cung cấp các dịch vụ tuyệt vời!</p>
</section>
<footer>
<p>Bản quyền © 2024 Trang Web của Tôi.</p>
</footer>
</body>
</html>
Trong ví dụ trên, chúng ta đã sử dụng các thẻ như <header>
, <nav>
, <section>
, và <footer>
để xác định các phần khác nhau của trang web.
2. CSS: Tạo Kiểu và Định Dạng
CSS được sử dụng để tạo kiểu và định dạng cho các phần tử HTML. Dưới đây là một ví dụ đơn giản về cách sử dụng CSS:
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 20px 0;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 20px;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px 0;
}
Trong CSS này, chúng ta đã xác định các kiểu dáng như màu nền, màu chữ, cỡ chữ và các thuộc tính định dạng khác cho các phần tử HTML.
Kết Luận
HTML và CSS là hai cột móng của lập trình web, cho phép bạn xây dựng cấu trúc và tạo kiểu cho trang web của mình. Bằng cách hiểu và sử dụng hiệu quả HTML và CSS, bạn có thể tạo ra các trang web đẹp và chuyên nghiệp.
Leave a comment
Your email address will not be published. Required fields are marked *