HTML Cơ Bản

HTML là một ngôn ngữ rất quan trọng trong lập trình Web.Nó là thành phần cơ bản và quan trọng để xây dựng và hiển thị nội dung cho một trang web.

Trang HTML có các thành phần cơ bản như sau:

Trang HTML phải khai báo <! DOCTYPE html> ở phần đầu của tài liệu.

Trang HTML bắt đầu bằng thẻ <html> và kết thúc bởi thẻ </html>

Phần thẻ <head> và </head> nó để thể hiện tiêu đề cho trang web.

Phần hiển thị nội dung của trang web HTML được hiển thị ở giữa thẻ <body> và </body>

Ví dụ

<!DOCTYPE html>
<html>
<head>
<title> HTML Editors -Trình soạn thảo </title>
</head>
<body>

<h1> Thẻ heading h1 </h1>
<p> Thẻ paragraph p.</p>

</body>
</html>

Giải thích :

Khai báo <! DOCTYPE> là khai báo cho loại, kiểu tài liệu và giúp các trình duyệt hiển thị các trang web một cách chính xác.

Khai báo <! DOCTYPE>, Nó chỉ được xuất hiện một lần, ở đầu trang , trước thẻ HTML.

Các thẻ tags HTML cơ bản :

HTML Headings : Thẻ tiêu đề .

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

Các thẻ Headings từ <h1> đến <h6> thường được dùng để viết tiêu đề cho các bài viết trong trang web.Các thẻ này rất quan trọng trong việc tạo SEO cho một trong web.

Ví dụ

<h1> Thẻ heading h1 </h1>
<h2> Thẻ heading h2 </h2>
<h3> Thẻ heading h3 </h3>
<h4> Thẻ heading h4 </h4>
<h5> Thẻ heading h5 </h5>
<h6> Thẻ heading h6 </h6>

HTML Paragraphs :

Thẻ pragaraphs được định nghĩa bằng thẻ <p>, được dùng để trình bày và hiển thị nội dung đoạn văn, văn bản. Các nội dung , đoạn văn đặt ở giữa thẻ <p>.

Ví dụ

<p> Thẻ paragraph p1.</p>
<p> Thẻ paragraph p2.</p>
<p> Thẻ paragraph p3.</p>

HTML Links : Thẻ liên kết .

Các liên kết HTML được định nghĩa bằng thẻ: <a>.Thẻ Link <a> thường được dùng để liên kết tới một đường dẫn của trang web khác.

Ví dụ

HTML Images : Thẻ hình ảnh .

Thẻ hình ảnh được định nghĩa bằng thẻ : <img>, Nó được dùng để hiển thị hình ảnh trên trang web.

Thẻ <img> có các thuộc tính: src (đường dẫn tới file ảnh), alt (văn bản thay thế), width chiều rộng và height chiều:

Ví dụ

Cách xem mã nguồn source code HTML :

Làm thế nào để xem được mã code HTML của trang web ?

Để xem mã code trang HTML bạn nhấp chuột phải vào trang HTML và chọn " View Page Source " (trong Chrome hoặc FireFox 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. Sau đó bạn có thể kiểm tra và xem các phần tử HTML của trang web.