Hướng dẫn HTML

TRANG CHỦ HTML Giới thiệu HTML Trình chỉnh sửa HTML HTML cơ bản Phần tử HTML Thuộc tính HTML Tiêu đề HTML Đoạn văn HTML Kiểu HTML Định dạng HTML Trích dẫn HTML Nhận xét HTML Màu HTML HTML CSS Liên kết HTML Hình ảnh HTML HTML Favicon Bảng HTML Danh sách HTML Khối HTML & Nội tuyến Các lớp HTML Id HTML Khung nội tuyến HTML HTML JavaScript Đường dẫn tệp HTML Đầu HTML Bố cục HTML HTML đáp ứng Mã máy tính HTML Ngữ nghĩa HTML Hướng dẫn kiểu HTML Thực thể HTML Biểu tượng HTML Biểu tượng cảm xúc HTML Bộ mã HTML Mã hóa URL HTML HTML so với XHTML

Biểu mẫu HTML

Biểu mẫu HTML Thuộc tính biểu mẫu HTML Phần tử biểu mẫu HTML Các loại đầu vào HTML Thuộc tính đầu vào HTML Thuộc tính biểu mẫu nhập HTML

Đồ họa HTML

HTML Canvas HTML SVG

HTML Media

HTML Media Video HTML Âm thanh HTML Trình cắm HTML HTML YouTube

API HTML

Vị trí địa lý HTML Kéo / thả HTML Lưu trữ web HTML Nhân viên web HTML HTML SSE

Ví dụ HTML

Ví dụ HTML HTML Quiz Bài tập HTML Chứng chỉ HTML Tóm tắt HTML Khả năng truy cập HTML

Tham chiếu HTML

Danh sách thẻ HTML Thuộc tính HTML Thuộc tính toàn cầu HTML Hỗ trợ trình duyệt HTML Sự kiện HTML Màu HTML HTML Canvas HTML Audio / Video HTML Doctypes Bộ ký tự HTML Mã hóa URL HTML Mã HTML Lang Tin nhắn HTTP Phương thức HTTP Công cụ chuyển đổi PX sang EM Các phím tắt bàn phím

Đoạn văn HTML


Một đoạn văn luôn bắt đầu trên một dòng mới và thường là một khối văn bản.


Đoạn văn HTML

Phần tử HTML <p>xác định một đoạn văn.

Một đoạn văn luôn bắt đầu trên một dòng mới và các trình duyệt sẽ tự động thêm một số khoảng trắng (lề) vào trước và sau một đoạn văn.

Thí dụ

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Hiển thị HTML

Bạn không thể chắc chắn HTML sẽ được hiển thị như thế nào.

Màn hình lớn hay nhỏ và các cửa sổ được thay đổi kích thước sẽ tạo ra các kết quả khác nhau.

Với HTML, bạn không thể thay đổi cách hiển thị bằng cách thêm khoảng trắng hoặc dòng thừa trong mã HTML của mình.

Trình duyệt sẽ tự động loại bỏ bất kỳ khoảng trắng và dòng thừa nào khi trang được hiển thị:

Thí dụ

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>


Quy tắc ngang HTML

Thẻ <hr>xác định ngắt theo chủ đề trong trang HTML và thường được hiển thị dưới dạng quy tắc ngang.

Phần <hr>tử được sử dụng để tách nội dung (hoặc xác định thay đổi) trong trang HTML:

Thí dụ

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

Thẻ <hr>là một thẻ trống, có nghĩa là nó không có thẻ kết thúc.


Ngắt dòng HTML

Phần tử HTML <br>xác định ngắt dòng.

Sử dụng <br>nếu bạn muốn ngắt dòng (một dòng mới) mà không bắt đầu một đoạn văn mới:

Thí dụ

<p>This is<br>a paragraph<br>with line breaks.</p>

Thẻ <br>là một thẻ trống, có nghĩa là nó không có thẻ kết thúc.


Vấn đề bài thơ

Bài thơ này sẽ hiển thị trên một dòng:

Thí dụ

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>

Giải pháp - Phần tử <pre> HTML

Phần tử HTML <pre>xác định văn bản được định dạng trước.

Văn bản bên trong một <pre>phần tử được hiển thị bằng phông chữ có chiều rộng cố định (thường là Courier) và nó bảo toàn cả khoảng trắng và ngắt dòng:

Thí dụ

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>

Bài tập HTML

Kiểm tra bản thân với các bài tập

Bài tập:

Sử dụng đúng thẻ HTML để thêm một đoạn văn bản "Hello World!".

<html>
<body>

</body>
</html>


Tham chiếu thẻ HTML

Tham chiếu thẻ của W3Schools chứa thông tin bổ sung về các phần tử HTML và các thuộc tính của chúng.

Tag Description
<p> Defines a paragraph
<hr> Defines a thematic change in the content
<br> Inserts a single line break
<pre> Defines pre-formatted text

Để có danh sách đầy đủ tất cả các thẻ HTML có sẵn, hãy truy cập Tham khảo thẻ HTML của chúng tôi .