kích thước bằng cách kéo nó. Để tránh việc này bạn có thể thêm noresize="noresize" vào thẻ <frame>
Thêm thẻ <noframes> cho trình duyệt không hỗ trợ frame.
Một vài ví dụ nữa
Hoà trộn tập hợp frame
Ví dụ này hướng dẫn bạn cách tạo một tập hợp frame với 3 tài liệu và làm cách nào để gộp nó vào thành hàng và cột.
Tập hợp frame với noresize="noresize"
Ví dụ này chỉ ra cách sử dụng thuộc tính noresize. Frame trong ví dụ này không thể resize được. Di chuột vào đường biên ở giữa hai frame và bạn có thể nhận ra rằng bạn không thể di chuyển được đường biên.
Navigation frame
Ví dụ này hướng dẫn bạn cách tạo ra một mục lục (navigation) bằng frame. Frame navigation chứa một danh sách những đường link và đích là ở frame thứ hai. Tài liệu"tryhtml_contents.htm" chứa 3 đường link và code của đường link như sau
<a href ="frame_a.htm" target="showframe">Frame a</a><br>
<a href ="frame_b.htm" target="showframe">Frame b</a><br>
<a href ="frame_c.htm" target="showframe">Frame c</a>
Frame thứ hai sẽ hiển thị nội dung của tài liệu được link.
Frame địa phương
Frame ở trong một trang HTML
Nhẩy đến một vùng nhất định trong một frame
Ví dụ này chỉ bạn cách tạo 2 frame, Frame này chứa nguồn đến một phần cụ thể của một file. Phần cụ thể đó được tạo bởi <a name="c10"> trong file "link.htm"
Nhảy đến một vùng nhất định với navigation frame
Ví dụ này sẽ cho bạn thấy có 2 frame. Một frame là navigation frame (content.htm) ở bên trái bao gồm một danh sách các đường link với frame thứ 2 (link.htm) là đích đến. Frame thứ hai hiển thị tài liệu được link. Một trong các đường link ở navigationframe được liên kết đến một phầncụ thể ở file đích. Code HTML của file "content.htm" nhìn như sau: <a href="link.htm" target="showframe"> Link without Anchor</a><br><a href="link.htm#C10" target="showframe">Link with Anchor</a>.
Thẻ frame
Tag
Mô Tả
<frameset>
Kiểu a set of frames
<frame>
Kiểu a sub window (a frame)
<noframes>
Kiểu a noframe section for browsers that do not handle frames
<iframe>
Kiểu an inline sub window (frame)
Bảng HTML
Với HTML bạn cũng có thể tạo bẳng cho trang web của mình.
Ví dụ
Bảng
Ví dụ này chỉ bạn cách tạo một bẳng bằng HTML
Đường biên của bảng
Bảng
Bảng được định dạng bởi thẻ <table>. Một bảng được chia ra làm nhiều hàng với thẻ <tr>, môi hàng được chia ra làm nhiều cột dữ liệu với thẻ <td>. Cbữ td là chữviết tắt của "table data", là nội dung của cột dữ liệu. Một cột dữ liệu có thể bao gồm chữ, hình ảnh, danh sách, đoạn vắn, form vàbảng v.v.
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
Đoạn code trên sẽ hiển thị như thế này trong cửa sổ trình duyệt
row 1, cell 1
row 1, cell 2
row 2, cell 1
row 2, cell 2
Bảng và thuộc tính đường biên
Nếu bạn không thiết lập thuộc tính đường biên cho bảng thì bảng của bạn sẽ được hiển thị màkhông có đường biên. Đôi khi nó có thể hữu dụng nhưng thường thì bạn muốn bảng của bạn có đường biên.
Để hiển thị đường biên của một bảng, bạn phải sử dụng thuộc tính đường biên.
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
Heanding trong bảng
Heading trong một bảng được xác định bằng thẻ <th>
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr><td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
Nó sẽ hiển thị như thế này ở trên trình duyệt
Heading
Another Heading
row 1, cell 1
row 1, cell 2
row 2, cell 1
row 2, cell 2
Cột trống trong bảng
Cột trống không có nội dung thì không được hiển thị tốt lắm ở hầu hết các trình duyệt.
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td></td>
</tr>
</table>
Nó sẽ có dạng thế này trên trình duyệt
row 1, cell 1
row 1, cell 2
row 2, cell 1
Bạn chú ý rằng đường biên bao quanh cột trống bị mất (nhưng trong trình duyệt Mozilla Firefox nó sẽ hiển thị đường biên)
Để tránh điều này xảy ra, bạn thêm một non-breaking space ( ) vào cột trống đó, để làm cho đường biên của nó được hiện thỉ.
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td> </td>
</tr>
</table>
Nó sẽ hiển thị như sau ở trình duyệt
row 1, cell 1
row 1, cell 2
row 2, cell 1
Mẹo nhỏ giúp bạn
Loại thẻ <thead>,<tbody> and <tfoot> ít khi được sử dụng, bởi vì nó không phải là tính năng được
Một vài ví dụ nữa
Bảng không có đường biên
Headings trong bảng
Cột trống
Ví dụ này chỉ cho bạn cách sử dung " " để hiển thị cột không có nội dung.
Bảng với viền ngoài
Cột chiếm hơn một cột hoặc hàng
Thẻ trong bảng
Ví dụ này hướng dẫn bạn cách hiển thị nội dung ở trong nội dung khác.
Cell padding
Ví dụ này hướng dẫn bạn cách tạo cellpadding để tạo ra nhiều khoảng trắng hơn giữa nội dung và đường biên của nó.
Cell spacing
Cách sử dụng cellspacing để tăng khoảng cách giữa các cột.
Thêm màu nền hoặc hình nền chobảng
Thêm màu nền hoặc hình nền chocột
Căn chỉnh nội dung của cột
Hướng dẫn cách sử dụng thuộc tính "align" để căn chỉnh nội dungcủa cột, và tạo ra một bảng nhìn đẹp mắt hơn.
Thuộc tính frame
Chỉ cách sử dụng thuộc tính"frame" để điều khiển đường biên của bảng.
Thẻ table
Tag
Mô Tả
<table>
Vẽ bảng
<th>
hàng đầu của bảng
<tr>
hàng trong bảng
<td>
ô trong hàng
<caption>
nhãn của bảng
<colgroup>
nhóm các cột
<col>
Định các thuộc tính của cột
<thead>
Hàng Đầu bảng
<tbody>
Thân của bảng
<tfoot>
Hàng cuối bảng
Danh sách HTML
HTML hỗ trợ những dạng danh sách theo thứ tự, không theo thứ tự và định nghĩa.
Ví dụ
Danh sách không theo thứ tự
Danh sách theo thứ tự
Danh sách không theo thứ tự
Danh sách không theo thứ tự là một danh sách các mục. Danh sách của các mục sẽ được đánh dấu bởi những bullet (dạng như gạch đầu dòng nhưng là một vòng tròn màu đen).
Danh sách không theo thứ tự bắt đầu với thẻ <ul>. Mỗi một mục được bắt đầu với một thẻ <li>.
<ul>
<li>www.bantayden.com</li>
<li>www.vietphotoshop.com</li>
</ul>
Nó sẽ xuất hiện như thế này trong trình duyệt.
*.
www.bantayden.com
*.
www.vietphotoshop.com
Ở giữa những mục trên bạn có thể chèn thêm chữ vào như là xuống hàng, hình ảnh, đường liênkết thậm chí là một danh sách khác.
Danh sách theo thứ tự
Danh sách theo thứ tự cũng là một dạng danh sách của các mục.Nhưng những mục trong đó được đánh dấu bởi số. Một danh sách theo thứ tự bắt đầu với thẻ <ol>. Mỗi mục được bắt đầu với thẻ <li>.
<ol>
<li>www.bantayden.com</li>
<li>www.vietphotoshop.com</li>
</ol>
Nó sẽ xuất hiện như thế này trong trình duyệt.
1.
www.bantayden.com
2.
www.vietphotoshop.com
Ở giữa những mục trên bạn có thể chèn thêm chữ vào như là xuống hàng, hình ảnh, đường liênkết thậm chí là một danh sách khác.
Danh sách dạng định nghĩa
Một danh sách dạng định nghĩa không phải là danh sách của các hạng mục. Nó là một danh sách của các thuật ngữ và những lời giải thích của thuật ngữ đó. Một danh sách định nghĩa bắt đầu với thẻ <dl>. Mỗi một thuật ngữ đượcbắt đầu với thẻ <dt>. Mỗi định nghĩa trong danh sách định nghĩađược bắt đầu bằng thẻ <dd>.
<dl>
<dt>www.bantayden.com</dt>
<dd>Tiền thân của vietphotoshop</dd>
<dt>www.vietphotoshop.com</dt>
<dd>Trang web chuyên về Photoshop cho người Việt</dd>
</dl>
Nó sẽ xuất hiện như sau trong trình duyệt
www.bantayden.com
Tiền thân của vietphotoshop
www.vietphotoshop.com
Trang web chuyên về Photoshop cho người Việt
Ở giữa những mục trên bạn có thể chèn thêm chữ vào như là xuống hàng, hình ảnh, đường liênkết thậm chí là một danh sách khác.
Một vài ví dụ nữa
Một vài dạng khác của danh sách theo thứ tự
Một vài dạng khác của danh sách không theo thứ tự
Nested list
Nested list 2
Danh sách dạng định nghĩa
Những thẻ danh sách
Tag
Mô Tả
<ol>
Danh sách có sấp xếp
<ul>
Danh sách không sáp xếp
<li>
1 phần tử trong danh sách
<dl>,<dt>,<dd>
Kiểu danh sách
<dir>
Hết hỗ trợ. Dùng<ul> thay thế
<menu>
Hết hỗ trợ. Dùng<ul> thay thế
HTML form và trường nhập liệu.
HTML form được sử dụng để chọnnhững dữ liệu nhập vào khác nhau của người dùng.
Ví dụ
Text fields
Cách tạo những trường chữ trong >>tiếp
