1. Tag
thẻ mở <tên thẻ> , thẻ đóng </ten thẻ>- thẻ định dạng trang: <body>
- thẻ định dạng văn bản: <font>, <p>, <i>, <u>,...
- thẻ liên kết link: <a>
- thẻ định dạng danh sách: <ul>, <li>, <ol>
- thẻ định dạng hình ảnh: <img>
2. element
có thẻ bao gồm thẻ mở, thẻ đóng và nội dung bên trong cặp thẻ
3. property
- mỗi thẻ có thể có 1 hay nhiều thuộc tính đi kèm, thuộc tính được nhập ngay trước ngoặc đóng ">" của thẻ mở- các thuộc tính phân cách nhau bằng khoảng trắng
- giá trị của thuộc tính đăt trong dấu nháy kép hoặc nháy đơn hoặc không có
- nếu giá trị dạng chuỗi thì bắt buộc dùng nháy kép hoặc nháy đơn để bao lại
*một số thuộc tính thẻ <body>
- thiết lập màu nền cho trang web: bgcolor="color"
- ảnh nền trang web: background="url"
- thiết lập lề trái và lề trên cho trang web: leftmargin="number" topmargin="number"
- màu chữ: text="color"
- màu sắc cho liên kết: alink="color" vlink="color" link="color"
*một số thẻ định dạng văn bản:
- thiết lập font chữ: <font face="fontname" size="fontsize" color="color">
- định dạng đoạn văn bản: <p align="?"> ?="left,right,center"
- chữ in đậm: <b>
- chữ in nghiêng: <i>
- chữ có gạch chân: <u>
- gạch ngang chữ: <strike>
- định dạng chỉ số trên : <sup>
- định dạng chỉ số dưới: <sub>
- các thẻ tiêu đề: <h1>, <h2>, <h3>, ..., <h6>
- bỏ qua định dạng html bên trong thẻ này: <pre>
- xuống dòng: <br>
*thẻ tạo liên kết:
<a href="url"> tiêu đề/nhãn/hình ảnh </a>
- nếu trang web quá dài thì có thể tạo link bookmark để chuyển nhanh đến nội dung cụ thẻ nào đó, gồm 2 bước
+ tạo bookmark: <a name="tên bookmark"> tiêu đề</a>
+ link đến bookmark: <a href="#tên bookmark"> nhãn của liên kết</a>
- href="url" : xác định url cho liên kết
- target="_blank" target="_seft" : mở link trong tab mới (_blank) , mở link trong tab hiện tại (_seft)
- name="location" : cái này dùng trong bookmark
- tabindex="number" : quy định thứ tự tab cho liên kết
- title="text" : hiển thị chuỗi này lên khi di chuyển chuột lên link đó
*thẻ tạo danh sách:
<ul type="circle">
<li>item 1</li>
<li>item 2</li>
</ul>
thuộc tính type: định nghĩa hình dạng đánh dấu danh sách, có các loại như circle , disc , square
ta cũng không cần khai báo thuộc tính, khi muốn dùng mặc định
kết quả:
* item 1
* item 2
còn cách thứ 2 như sau:
<ol type="A">
<li>item 1</li>
<li>item 2</li>
</ol>
thuộc tính type trong danh sách này gồm có các kiểu khác nhau như: A,a,chữ la mã IN : I, chữ la mã thường: i, và mặc định không khai báo type thì nó là kiểu số đếm 1,2,3,..
kết quả sẽ là:
A. item 1
B. item 2
*thẻ hình ảnh và các thuộc tính
<img src="url hình ảnh"/>
ví dụ : <img src="images1.jpg"/>
- alt="text" mô tả hình ảnh
- width="num" height="num" : định kích thước cho hình ảnh khi hiển thị
- align="center" : canh lề hình ảnh, còn có left và right
- border="num" : đường viền quanh hình ảnh
- hspace="num" : khoảng trống xung quanh ảnh theo phía trái phải
- vspace="num" : khoảng trống xung quanh ảnh theo hướng trên dưới, num tính theo pixel
.png)
.png)
.png)
.png)
