**..Chia sẻ kinh nghiệm..**
Chào mừng bạn đã ghé thăm websiteChúc bạn 1 ngày tốt lành.

Bạn hãy đăng ký làm thành viên để co thể xem được những liên kết
cần thiết tại diễn đàn.Wellcom to my home


**..Chia sẻ kinh nghiệm..**


 
Trang ChínhTrang Chính  CalendarCalendar  GalleryGallery  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  NhómNhóm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  Thành viênThành viên  

Share | 
 

 HTML cơ bản(phần 2)

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
Admin
Admin
Admin


Tổng số bài gửi : 52
Điểm : 2147483645
Danh tiếng : -1
Join date : 09/11/2011
Age : 24
Đến từ : bac ninh

Bài gửiTiêu đề: HTML cơ bản(phần 2)   Fri Nov 11, 2011 10:12 am

[You must be registered and logged in to see this link.]

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 (&nbsp;) 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>&nbsp;</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 "&nbsp;" để 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 cho bảng




Thêm màu nền hoặc hình nền cho cộ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 dung củ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

[You must be registered and logged in to see this link.]

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>[You must be registered and logged in to see this link.]

<li>[You must be registered and logged in to see this link.]

</ul>


Nó sẽ xuất hiện như thế này trong trình duyệ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ên kế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>[You must be registered and logged in to see this link.]


<li>[You must be registered and logged in to see this link.]

</ol>

Nó sẽ xuất hiện như thế này trong trình duyệt.





  1. [You must be registered and logged in to see this link.]



  2. [You must be registered and logged in to see this link.]



Ở 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ên kế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ữ được bắ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>[You must be registered and logged in to see this link.]

<dd>Tiền thân của vietphotoshop</dd>


<dt>[You must be registered and logged in to see this link.]

<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



[You must be registered and logged in to see this link.]

       Tiền thân của vietphotoshop

[You must be registered and logged in to see this link.]

       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ên kế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ọn nhữ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 một trang HTML. Người dùng có thể viết chữ trong
trường chữ.




Trường mật khẩu

Mời bạn đón đọc tiếp phần 3....

Về Đầu Trang Go down
Xem lý lịch thành viên http://thaont.forum-viet.com
 
HTML cơ bản(phần 2)
Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang

Permissions in this forum:Bạn không có quyền trả lời bài viết
**..Chia sẻ kinh nghiệm..** :: Tự học HTML-
Chuyển đến