Nền tảng Kiến thức - Hành trang tới Tương lai | NenTang.vn

Chương 2-Bài 7. Các thẻ (tag) định dạng Đề mục (Heading), Phân đoạn (Paragraph), Ngắt dòng (Break) cho văn bản (Text)

Tác giả: Dương Nguyễn Phú Cường

Ngày đăng: 16/2/2025, 2:41

Lượt xem: 518

Trong HTML có các thẻ dùng để mô tả văn bản như sau:

Các thẻ Trình bày dạng đánh dấu chỉ mục (mục lục) H1-H6 (Heading)

Để trình bày văn bản dạng chỉ mục (mục lục). Trong HTML hỗ trợ các thẻ sau:

<h1></h1>: đây là thẻ có cỡ chữ lớn nhất
<h2></h2>: đây là thẻ heading h2
<h3></h3>: đây là thẻ heading h3
<h4></h4>: đây là thẻ heading h4
<h5></h5>: đây là thẻ heading h5
<h6></h6>: đây là thẻ có cỡ chữ nhỏ nhất

Ví dụ: trình bày đoạn đánh dấu chỉ mục (mục lục) sau ra trang web:

<h1>Chương 1: Các thẻ HTML căn bản</h1>
<h2>Mục 1. Nội dung... </h2>
<h3>Mục 1.1. Nội dung ...</h3>
<h4>Mục 1.1.1. Nội dung ... </h4>
<h5>Mục 1.1.1.1. Nội dung ... </h5>
<h6>Mục 1.1.1.1.1. Nội dung ... </h6>

Các thẻ Trình bày đoạn văn bản <p></p> (Paragraph)

Một đoạn văn bản trong Tiếng Việt thường bắt đầu bằng ký tự in HOA đầu đòng và kết thúc câu bằng dấu chấm câu. Để trình bày 1 đoạn văn bản (paragraph) trong trang web, HTML hỗ trợ thẻ <p>nội dung đoạn văn...</p> để hiển thị. Ví dụ: trình bày đoạn văn Giới thiệu về công ty:

<h1>Giới thiệu</h1>
<p>Đây là nội dung giới thiệu về trang web NenTang.vn</p>
<h2>Mục tiêu</h2>
<p>Đây là đoạn văn thứ 2 nói về mục tiêu của trang web NenTang.vn. Trang web ra đời với mục tiêu hỗ trợ Mình trong quá trình Giảng dạy, hỗ trợ Các bạn trong quá trình xem và tham khảo CODE. Giúp các bạn có kiến thức cơ bản về Lập trình và có nền móng, tu duy vững chắc để học tập các kỹ thuật lập trình tiếp theo...</p>

Thẻ ngắt dòng <br /> (Break)

Thẻ ngắt dòng là thẻ không có thẻ đóng. Nên khi mở thẻ thì chúng ta đóng ngay lập tức. Cú pháp <br /> Ví dụ: trình bày đoạn giới thiệu về Bản thân như sau:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  Giới thiệu<br />
  Họ tên: Dương Nguyễn Phú Cường<br />
  <br />
  Code with my love ??❤??<br />
  <br />
  Email:<br />
  phucuong@ctu.edu.vn<br />
  nentangtoituonglai@gmail.com<br />
  <br />
  Điện thoại: 0915-659-223<br />
  Website: nentang.vn<br />
</body>
</html>