Trong nội dung bài trước, chúng ta đã tìm hiểu về cấu trúc thẻ HTML và các thuộc tính của thẻ. Bài hôm nay, các bạn sẽ tìm hiểu một số thẻ HTML căn bản, và ứng dụng trong việc thiết kế các trang web đơn giản
4.1. Thẻ Title: hiển thị nội dung tiêu đề của trang web trên thanh tiêu đề của trình duyệt.
Cú pháp:
<title>Nội dung cần hiển thị trên thanh tiêu đề</title>
Mã HTML:
<!DOCTYPE html>
<html>
<head>
<title>Welcomto http://minhhienict.blogspot.com/</title>
</head>
<body>
<h1>Cùng học lập trình với hien minh</h1>
<p>Chào mừng các bạn đến với trang http://minhhienict.blogspot.com/</p>
</body>
</html>
Kết quả:
Cú pháp:
<Hn
ALIGN= “Direction”> Nội dung của
Header </Hn>
Trong
đó:
- n thuộc các giá trị nguyên từ 1 đến 6
- Direction: gồm các giá trị left, right, center,
dùng để canh lề cho header, mặc định là
canh trái
Mã HTML:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p>Học lập trình tại http://minhhienict.blogspot.com/</p>
<h1>Tiêu đề 1</h1>
<h2>Tiêu đề 2</h2>
<h3>Tiêu đề 3</h3>
<h4>Tiêu đề 4</h4>
<h5>Tiêu đề 5</h5>
<h6>Tiêu đề 6</h6>
</body>
</html>
Kết quả:
4.3. Thẻ BR: ngắt dòng tại vị trí của thẻ
Mã HTML:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p>
Anh thương em khi ngủ<br>
Phong thái rất hồn nhiên.<br>
Em ngủ như trẻ nhỏ<br>
Ngon say một giấc liền.<br><br>
Tay em thả xuôi xuôi<br>
Như bơi vào cõi mộng<br>
Mắt em khép dài dài<br>
Dưới trán em lồng lộng.<br>
</p>
</body>
</html>
Kết quả:
4.4. Thẻ HR: Dùng để kẻ đường ngang trang, không có thẻ đóng
Cú pháp:
<HR align="direction" width="value" size="value" color="value">
Trong đó:
- Direction: hướng gồm các giá trị: left, right, center.
- Width: độ dài đường kẻ, tính bằng pixel hoặc tỉ lệ %
- Size: độ dày của đường kẻ, tình bằng pixel
- Color: màu đường kẻ, dùng tên màu hoặc mã màu theo hexa.
Mã HTML:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<H1>http://minhhienict.blogspot.com/</H1>
<HR size="1" align="center" width="50%">
<HR size="3" align="left" width="80%">
</body>
</html>
Kết quả:
0 on: "[HTML] Bài 4: Một số thẻ HTML căn bản (phần 1)"