Thiết kế Website đơn giản với HTML

Thiết kế Website đơn giản với HTML - Bài 5

Chỉ mục bài viết
Thiết kế Website đơn giản với HTML
Bài 2
Bài 3
Bài 4
Bài 5
Bài tiếp theo
Tất cả các trang

JPAGE_CURRENT_OF_TOTAL

BÀI: 5 TẠO BẢNG BIỂU CHO TRANG WEB

Cú pháp:

<TABLE>
<tr>
<td>Noi dung 1</td>
<td>Noi dung 2</td>
</tr>
<tr>
<td>Noi dung 1.1</td>
<td>Noi dung 2.1</td>
</tr>
</TABLE>

Định dạng:

<TABLE
ALIGN = LEFT / CENTER / RIGHT:
BORDER = n
BORDERCOLOR = color
BORDERCOLORDARK = color
BORDERCOLORLIGHT = color
BACKGROUND = url
BGCOLOR = color
CELLSPACING = spacing
CELLPADDING = pading
>
<TD
ALIGN = LEFT / CENTER / RIGHT
VALIGN = TOP / MIDDLE / BOTTOM
BORDERCOLOR = color
BORDERCOLORDARK = color
BORDERCOLORLIGHT = color
BACKBROUND = url
BGCOLOR = color
COLSPAN = n
ROWSPAN = n
>
ALIGN / VALIGN: Canh lề cho bảng và nội dung trong ô.
BORDER: Kích thước đường kẻ chia ô trong bảng.
BORDERCOLOR: Màu đường kẻ
BORDERCOLORDARK/BORDERCOLORLIGHT: Màu tối và sáng của đường kẻ
BACKGROUND: Ảnh nền cho cho bảng.
BGCOLOR: Màu nền cho bảng.
CELLSPACING: Khoảng cách giữa các ô trong bảng
CELLPADDING: Khoảng cách giữa nội dung và đường kẻ.
COLSPAN: Trộn cột
ROWSPAN: Trộn dòng.

Để được rõ hơn mình sẽ thiết kế trang đăng ký tên miền của Webgiare.net, Bạn copy đoạn mã sau vào notepad.

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Bài 5: Tạo bảng biểu cho trang web - Đăng ký tên miền</TITLE>
</HEAD>
<BODY bgcolor="#006633" text="#00000">
<h1>Đăng ký tên miền</h1>
Tên miền giống như mặt tiền của doanh nghiệp trên xa lộ thông tin. Tên miền vốn đã được coi là một tài sản giá trị hàng đầu của mỗi doanh nghiệp. Một tên miền tốt, ngắn gọn, dễ nhớ và gắn với thương hiệu, sản phẩm, dịch vụ chiếm hơn 70% hiệu quả hoạt động của website.
<A title="Kiểm tra tên miền" href="http://webgiare.net/kiem-tra-ten-mien.html" name="Kiểm tra tên miền">Kiểm tra tên miền</A>
<table cellspacing="0" cellpadding="0">
<TR>
<TD bgColor="#ffffff" height="20" width="180" align="middle">Tên miền</TD>
<TD bgColor="#ffffff" width="200" align="middle">Phí cài đặt</TD>
<TD bgColor="#ffffff" width="200" align="middle">Chi phí</TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16">.com</TD>
<TD bgColor="#f9f9f9">miễn phí</TD>
<TD bgColor="#f9f9f9">$10/năm</TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16">.net</TD>
<TD bgColor="#f9f9f9">miễn phí</TD>
<TD bgColor="#f9f9f9">$10/năm</TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16">.org</TD>
<TD bgColor="#f9f9f9" height="16">miễn phí</TD>
<TD bgColor="#f9f9f9" height="16">$10/năm</TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16">.us</TD>
<TD bgColor="#f9f9f9">miễn phí</TD>
<TD bgColor="#f9f9f9">$10/năm</TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16">.info</TD>
<TD bgColor="#f9f9f9">miễn phí</TD>
<TD bgColor="#f9f9f9">$10/năm</TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16">.co.uk</TD>
<TD bgColor="#f9f9f9">miễn phí</TD>
<TD bgColor="#f9f9f9">$10/năm</TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16">.cc</TD>
<TD bgColor="#f9f9f9">miễn phí</TD>
<TD bgColor="#f9f9f9">$29.99/năm</TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16">.bz</TD>
<TD bgColor="#f9f9f9">miễn phí</TD>
<TD bgColor="#f9f9f9">$29.99/năm</TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16">.nu</TD>
<TD bgColor="#f9f9f9">miễn phí</TD>
<TD bgColor="#f9f9f9">$29.99/năm</TD>
</TR>
</table>
 
 
Webgiare.net chân Thành cảm ơn Quý Khách Hàng đã quan tâm và ủng hộ Chúng tôi trong thời gian qua!
</BODY>
</HTML>