HTML Cơ Bản

Trong bài này chúng tôi sẽ chia sẻ một số ví dụ về HTML cơ bản. Trong các ví dụ có thể có các thẻ tags mà bạn chưa biết, nhưng bạn đừng lo lắng, chúng tôi sẽ giải thích và giúp bạn hiểu về nó.

HTML Document là gì?

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

Ví dụ:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</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.

Ví dụ:

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

 

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>This is a paragraph.</p>
<p>This is another paragraph.</p>

 

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

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

Ví dụ :

<a href=" http://ihoclaptrinh.com">This is a link</a>

 

HTML Images : Thẻ hình ảnh .

Thẻ hình ảnh được định nghĩa bằng thẻ : <img>

Tệp nguồn (src), văn bản thay thế (alt), chiều rộng và chiều cao được cung cấp dưới dạng các thuộc tính:

Ví dụ:

<img src=" ihoclaptrinh.jpg" alt=" ihoclaptrinh.com " width="100" height="140">

 

Cách xem mã nguồn HTML :

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

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.

Bạn có thể chỉnh sửa các phần tử mã html và css trong