HTML và HTML 5 Session 2

Border=n: đặt độ rộng đường viền, với n>0 bảng có khung viềnBgcolor=“giá_trị_màu”: đặt màu nền cho bảng. Giá trị ở hệ thập lục phânWidth, Height: Đặt kích thước chiều rộng, chiều cao cho bảng.CellSpacing: khoảng giữa các ô trong bảngCellPadding: là khoảng câch giữa đường viền của ô với nội dung văn bản được đặt trong ô ……

Session 2

• Danh sách không thứ tự

• Danh sách có thứ tự

• Danh sách định nghĩa

– <LI TYPE = a>

• Bắt đầu với môôt số khác 1

– <OL START = n> [ Măôc định ]

• <LI TYPE = SQUARE> bullets hình vuông

• <LI TYPE = DISC> bullets hình đĩa

• <LI TYPE = CIRCLE> bullets hình tròn

• Phần tử TABLE cho phép bạn có thể trình bày dữ

liệu theo dạng bảng

• Cấu trúc một bảng gồm có dòng (row), cột (column),

và ô (cell) là giao của dòng và cột

• <TABLE> … </TABLE>: Phần tử tạo bảng

• <CAPTION> … </CAPTION>: Tạo dòng chú thích

để mô tả bảng Được đặt ngay sau thẻ mở <TABLE>

• <TR> … </TR>: Phần tử tạo dòng cho bảng

• <TD> … </TD>: Phần tử tạo ô cho dòng

• <TH> … </TH>: Tạo tiêu đề cho cột, cho dòng

• Border=n: đặt độ rộng đường viền, với n>0 bảng có khung viền

• Bgcolor=“giá_trị_màu”: đặt màu nền cho bảng Giá trị ở hệ thập

lục phân

• Width, Height: Đặt kích thước chiều rộng, chiều cao cho bảng.

• CellSpacing: khoảng giữa các ô trong bảng

• CellPadding: là khoảng câch giữa đường viền của ô với nội dung

văn bản được đặt trong ô

<TABLE border=2 cellspacing=2 cellpadding=6 bgcolor=blue>

……

</TABLE>

• valign : canh lề nội dung trong ô theo chiều dọc Giá trị

cho thuộc tính này gồm: top, middle, bottom.

• align : canh lề nội dung theo chiều ngang

• Ngoài ra cũng có các thuộc tính: bgcolor, width, height,

• Thuộc tính COLSPAN và ROWSPAN của phần tử TD và TH được sử dụng để

mở rộng một ô ra hơn một dòng hay cột

– Rowspan=n: ghép n ô nằm trên cùng một cột

– Colspan=n: ghép n ô nằm trên cùng một hàng

• Ba phần tử dùng để chia bảng thành ba vùng

– THEAD định nghĩa vùng tiêu đề.

– TFOOT định nghĩa vùng chân tiêu đề.

– TBODY định nghĩa vùng thân của bảng

</table>

• Sử dụng biểu mẫu

– Thu thâôp tên, địa chỉ, số điêôn thoại, địa chỉ e-mail và các thông tin khác để người dùng đăng ký vào môôt dịch vụ nào đó

– Tâôp hợp thông tin dùng để đăng ký mua môôt măôt hàng nào đó, ví dụ, khi muốn mua môôt cuốn sách trên Internet,

ta phải điền tên, địa chỉ gửi thư qua bưu điêôn, phương thức thanh toán và các thông tin liên quan

– SRC

26

HTML 5

Giúp loại bỏ các

plug-in và sử dụng

sự hỗ trợ gốc cho

âm thanh và video

Giúp tạo ra client sử dụng Internet phong phú với các plug-in như Flash Cung cấp mô tả về ngữ

nghĩa

Sử dụng tính năng worker web để làm cho JavaScript hiệu quả hơn

Cung cấp những tính năng lưu trữ và caching ở phía client

Cung cấp những tính

năng mới trong CSS

như các bộ chọn nâng

cao, drop-shadows …

Cung câp nhiều tính

năng mới cho các

ứng dụng mobile

Các điều khiển Form

mới

 <datalist>

 <keygen>

 <output>

31

• HTML Canvas

• HTML SVG

34