You are on page 1of 2

-1.

Các thẻ xác định bố cục trang web


Thẻ <div> (phân chia khu vực)
Thẻ phân chia khu vực hay vùng, sự phân chia này sẽ giúp cho trình duyệt hiểu
rõ những vùng được bố cục trên trang web.

Thẻ <header> (xác định phần nội dung nằm ở đầu trang web)
Chứa tất cả phần đầu của trang web, gồm: logo, mô tả, liên kết, …

Thẻ <footer> (xác định phần nội dung nằm ở cuối trang web)
Chứa tất cả phần cuối của trang web, gồm: logo, bản quyền, thông tin doanh
nghiệp (tên, mã số thuế, địa chỉ liên lạc,…)

2. Các thẻ để định dạng văn bản trong HTML gồm có:

Thẻ <b> cho biết nội dung cần nhấn mạnh,


Thẻ <strong> cho biết nội dung cần nhấn mạnh, trình duyệt hiện thị với chữ đậm
Thẻ <big> hiện thị với cỡ chữ lớn hơn một cấp (thẻ này đánh dấu lạc hậu không nên
dùng nữa)
Thẻ <small> hiện thị chữ nhỏ hơn một cấp
Thẻ <i> hiện thị chữ in nghiêng
Thẻ <em> đánh dấu nhấn mạnh (hiện thị in nghiêng)
Thẻ <ins> đánh dấu đoạn text được chèn vào
Thẻ <del> đánh dấu đoạn text xóa đi
Thẻ <sub> tạo chỉ số dưới
Thẻ <sup> tạo chỉ số trên

3. Những thẻ được dùng trong thẻ <p> bao gồm:

Thẻ liên kết <a></a>


Thẻ <img /> (image): hiển thị một hình ảnh
Thẻ <span></span>: dùng để nhóm các inline
Thẻ <strong></strong>: được dùng để đánh dấu, nhấn mạnh text
Thẻ <em></em>: được dùng để nhấn mạnh nội dung văn bản
Thẻ <br></br>: dùng để ngắt đoạn văn bản

4. Thẻ hinh anh


Thẻ <img> chèn ảnh vảo HTML
Để nhúng hình ảnh vào HTML sử dụng thẻ <img>, với thuộc tính src là đường dẫn ảnh,
alt là dòng text thay thế, xác định chiều rộng và chiều cao ảnh bằng thuộc tính
width và height
vd:
<img src="flower.jpg" height="50%" width="50%" alt="" />

<img src="C:\Users\ADMIN\Desktop\11.jpg" height="500px" width="600px" />

<img src="https://vietchinabusiness.vn/wp-content/uploads/2018/10/tho-che-
hoc-sinh.jpg" />

5. Thẻ liên kết


Chèn liên kết tới 1 website khac
cú pháp:
<a href="https://glitch.com"> </a>
VD: <a href="đường dẫn tới website">
Link nóng hổi vừa thổi vừa code <br/>
</a>
6. Thẻ danh sách
- Thẻ <ol> và <ul> tạo danh sách HTML
Sử dụng thẻ<ol> tạo danh sách có thứ tự và thẻ<ul> tạo danh sách không có thứ tự
trong HTML, mỗi phần tử trong danh sách là thẻ <li>, thiết lập kiểu hiện thị danh
sách với thuộc tính type của <ol> và <ul>
+ Danh sách có thứ tự (ordered list) được tạo ra bằng thẻ <ol>, mỗi phần tử khi
xuất hiện có chỉ số ở đầu (1,2, 3 ... A, B, C ...)
+ Danh sách không có thứ tự (unordered list) được tạo ra bằng thẻ <ul>, mỗi
phần tử khi xuất hiện có thể có ký hiệu như dấu chấm, gạch ngang ... các phần tử.
- Thẻ <li>
Mỗi phần tử trong một danh sách (<ul> hay <ol>) được biểu diễn bằng thẻ <li>
(list item). Thẻ <li> chứa bất kỳ nội dung HTML nào trong nó, nó có thuộc tính
value có thể gán bằng một số nguyên để thiết lập giá trị chỉ số khi nằm trong danh
sách có thứ tự (xem ví dụ ở phần sau).

7. TẠO BẢNG
Sử dụng thẻ <table> để tạo bảng biểu, trình bày nội dung <table> với các thẻ
<td>, <tr>, <th>. Thiết lập tiêu đề bảng với <caption>, nhóm tiêu đề cột với
<thead> và <tfoot>
VD:
<table border="1">
<tr>
<th colspan="3">THÔNG TIN SINH VIÊN</th>
</tr>
<tr>
<td>Nguyễn Văn A</td>
<td>20/10/2013</td>
<td>Nam</td>
</tr>
<tr>
<td>Trần Thu B</td>
<td>10/10/2014</td>
<td>Nữ</td>
</tr>
<tr>
<td>Trieu Phi Ho</td>
<td>06/10/2012</td>
<td>Nam</td>
</tr>
<tr>
<td>Trieu Phi Bao</td>
<td>06/10/2012</td>
<td>Nam</td>
<td>Ha Noi</td>
</tr>
</table>

You might also like