Html cơ bản

Công nghệ Lập trình HTML

23/09
Thạch
HTML
0
118

Các hướng dẫn xây dựng Web được tổ chức tốt và dễ hiểu với rất nhiều ví dụ về cách sử dụng HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML và hơn thế nữa.

Các ví dụ cơ bản về HTML

Trong chương này, chúng tôi sẽ trình bày một số ví dụ HTML cơ bản.

Đừng lo lắng nếu chúng tôi sử dụng các thẻ mà bạn chưa tìm hiểu.

Tài liệu HTML

Tất cả các tài liệu HTML phải bắt đầu với một tuyên bố loại tài liệu: <!DOCTYPE html>.
Bản thân tài liệu HTML bắt đầu bằng <html>và kết thúc bằng </html>.
Phần hiển thị của tài liệu HTML nằm giữa <body>và </body>.

Thí dụ

<!DOCTYPE html>
<html>
<body>

<h1>Dòng đầu tiên</h1>
<p>Dòng đầu tiên.</p>

</body>
</html>

Khai báo <! DOCTYPE>

Các <!DOCTYPE>tuyên bố đại diện cho các loại tài liệu, và giúp các trình duyệt để trang web hiển thị một cách chính xác.
Nó chỉ được xuất hiện một lần, ở đầu trang (trước bất kỳ thẻ HTML nào).
Các <!DOCTYPE>tuyên bố không phải là trường hợp nhạy cảm.
Các <!DOCTYPE>tuyên bố cho HTML5 là:

<!DOCTYPE html>

Tiêu đề HTML

Các tiêu đề HTML được xác định bằng các thẻ <h1>to <h6>.
<h1>xác định tiêu đề quan trọng nhất. <h6>xác định tiêu đề ít quan trọng nhất:

Thí dụ

<h1>Dòng 1</h1>
<h2>Dòng 2</h2>
<h3>Dòng 3</h3>

Đoạn văn HTML

Các đoạn HTML được xác định bằng <p>thẻ:

Thí dụ

<p>Đây là dòng đầu tiên.</p>
<p>Đây là dòng đầu tiên</p>

Liên kết HTML

Các liên kết HTML được xác định bằng <a>thẻ:

Thí dụ

<a href="https://www.google.com">This is a link</a>

Đích của liên kết được chỉ định trong hrefthuộc tính.
Các thuộc tính được sử dụng để cung cấp thông tin bổ sung về các phần tử HTML.
Bạn sẽ tìm hiểu thêm về các thuộc tính trong chương sau.

Hình ảnh HTML

Hình ảnh HTML được xác định bằng <img>thẻ.
Tệp nguồn ( src), văn bản thay thế ( alt) widthvà heightđược cung cấp dưới dạng các thuộc tính:

Thí dụ

<img src="google.jpg" alt="google.com" width="104" height="142">

Làm thế nào để xem nguồn HTML?

Bạn đã bao giờ xem một trang Web và tự hỏi "Này! Làm thế nào họ làm được điều đó?"

Xem mã nguồn HTML:

Nhấp chuột phải vào trang HTML và chọn "Xem nguồn trang" (trong Chrome) hoặc "Xem nguồn" (trong Edge) hoặc tương tự trong các trình duyệt khác. Thao tác này sẽ mở ra một cửa sổ chứa mã nguồn HTML của trang.

Kiểm tra một phần tử HTML:

Nhấp chuột phải vào một phần tử (hoặc một vùng trống) và chọn "Kiểm tra" hoặc "Kiểm tra phần tử" để xem phần tử nào được tạo thành (bạn sẽ thấy cả HTML và CSS). Bạn cũng có thể chỉnh sửa HTML hoặc CSS một cách nhanh chóng trong bảng Phần tử hoặc Kiểu mở ra.