Chợ thông tin Cà phê Việt Nam

Bảng tóm tắt các thẻ HTML

Phụ lục về các thẻ HTML được cho như sau:

Các thẻ dùng cấu trúc trang HTML
- ...
- ...
- ...
-
-
-
-
- ...
-

Thẻ liên kết
- ...

Các thẻ định dạng khối
-

...

-
-

...

-

-
- ...
- ...
-

...

-
-

- ...
- ...
- ...

- ...
-

...

- <br /> - <PRE>...</PRE> <br /> - <WBR> <br /> - <XMP>...</XMP> <br /> <br /> Âm thanh<br /> - <BGSOUND> <br /> <br /> Forms <br /> - <FORM>...</FORM> <br /> - <INPUT> <br /> - <OPTION> <br /> - <meo ...>...</meo> <br /> - <TEXTAREA>...</TEXTAREA> <br /> <br /> Ảnh<br /> - <IMG...> <br /> <br /> [Các thẻ định dạng ký tự><br /> -  <br /> - <B>...</B> <br /> - <BIG>...</BIG> <br /> - <BLINK> <br /> - <CITE>...</CITE> <br /> - <CODE>...</CODE> <br /> - <EM>...</EM> <br /> - <I>...</I> <br /> - <KBD>...</KBD> <br /> - <SAMP>...</SAMP> <br /> - <SMALL>...</SMALL> <br /> - <STRIKE>...</STRIKE> <br /> - <STRONG>...</STRONG> <br /> - <SUB>...</SUB> <br /> - <SUP>...</SUP> <br /> - <TT>...</TT> <br /> - <U>...</U> <br /> - <VAR>...</VAR> <br /> <br /> Các thẻ dùng để liệt kê<br /> - <DIR>...</DIR> <br /> - <DL>...</DL> <br /> - <MENU>...</MENU> <br /> - <OL>...</OL> <br /> - <UL>...</UL> <br /> <br /> Bảng biểu <br /> - <TABLE>...</TABLE> <br /> - <CAPTION ...>...</CAPTION> <br /> - <COL>...</COL> <br /> - <COLGROUP>...</COLGROUP> <br /> - <TBODY>...</TBODY> <br /> - <TD ...>...</TD> <br /> - <TFOOT>...</TFOOT> <br /> - <TH ...>...</TH> <br /> - <THEAD>...</THEAD> <br /> - <TR ...>...</TR></div> </td> </tr> </table> <br /><table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%"> <tr> <td class="page"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr valign="bottom"> <td style="font-size:14pt">henry_le1</td> <td class="smallfont" align="right">29-01-2013 04:32 PM</td> </tr> </table> <hr /> <div>Định dạng trang Web sử dụng StyleSheet và Cascading Style Sheets (CSS)<br /> <br /> Trong trang Web, thông thường ta dùng chung một kiểu định dạng cho cùng một đối tượng như bảng biểu, font chữ. Để tránh việc phải sử dụng các thẻ HTML lặp đi lặp lại vừa nhàm chán mất thời gian vừa khiến trang HTML trở nên cồng kềnh, ta có thể dụng stylesheet và Cascading Style Sheets (CSS)<br /> <br /> a. StyleSheet<br /> <br /> Sử dụng từ tab Style<br /> Ví dụ:<br /> <br /> <STYLE><br /> H1 {color: brown}<br /> H2 {color: brown}<br /> H3 {color: brown}<br /> H4 {color: brown}<br /> H5 {color: brown}<br /> H6 {color: brown}<br /> </STYLE><br /> <br /> <STYLE><br /> H1, H2, H3, H4, H5, H6 {color: brown ! important}<br /> P, BLOCKQUOTE {color: blue ! important}<br /> </STYLE><br /> <br /> <STYLE><br /> H1.styleA {font: 45pt Times; color: brown}<br /> H1.styleB {font: 30pt Arial; color: blue}<br /> </STYLE><br /> <br /> <H1 CLASS="styleA"> Đây là dòng chữ cỡ H1 theo styleA</H1><br /> <H1 CLASS="styleB"> Đây là dòng chữ cỡ H1 theo styleB</H1><br /> <br /> b. Sử dụng .CSS<br /> <br /> +) Tất cả các style được ghi vào một file ví dụ: default.css<br /> +) Sử dụng tab <link> để chỉ tới file đó, ví dụ <link rel=stylesheet type="text/css" href="default.css"><br /> <br /> Sử dụng các tab theo style đã định nghĩa trong file default.css<br /> <br /> Việc sử dụng kỹ thuật Cascading Style Sheets (CSS) giúp giảm nhẹ được kích thước trang Web, mềm dẻo trang cách thay đổi hình thức và tránh được việc viết mã HTML nhàm chán. Trang chủ HDOL là một ví dụ về việc sử dụng kỹ thuật Cascading Style Sheets</div> </td> </tr> </table> <br /><table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%"> <tr> <td class="page"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr valign="bottom"> <td style="font-size:14pt">nambinhnam</td> <td class="smallfont" align="right">29-01-2013 04:32 PM</td> </tr> </table> <hr /> <div>Kích thước của một trang Web<br /> <br /> Do độ phân giải của mỗi màn hình có thể là khác nhau do vậy cũng tồn tại 2 cách để hiện thị kích thước của một trang Web <br /> <br /> Kích thước cố định (pixel): Kích thước của body và các bảng được gắn cố định. Do vậy hình thức của trang Web không phụ thuộc vào độ phân giải màn hình. Tuy nhiên nó chỉ hiệu quả đối với một độ phân giải màn hình nhất định.<br /> <br /> Ví dụ: <br /> <table width='750'><br /> <tr><br /> <td width='300'><br /> <td width='450'><br /> </tr><br /> <br /> Kích thước tương đối (%): Kích thước của body và các bảng được gán theo % so với độ phân giải màn hình. Do vậy, hình thức của trang Web thay đổi phụ thuộc vào độ phân giải của màn hình.<br /> <br /> Ví dụ:<br /> <table width='100%'><br /> <tr><br /> <td width='30%'><br /> <td width='70%'><br /> </tr><br /> <br /> Kết hợp 2 yếu tố kích thước cố định và thay đổi.<br /> Ví dụ:<br /> <br /> <TABLE ><br /> <tr valign=top><br /> <td style="{width:5px;}"></td><br /> <td style="{padding:5px;width:160px;}"></td><br /> <td style="{padding:8px;}"></div> </td> </tr> </table> <br /><table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%"> <tr> <td class="page"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr valign="bottom"> <td style="font-size:14pt">qpham</td> <td class="smallfont" align="right">29-01-2013 04:33 PM</td> </tr> </table> <hr /> <div>Hiển thị tiếng Việt theo chuẩn TTVN 6909:2001<br /> <br /> +)Sử dụng tab <meta http-equiv="content-type" content="text/html; charset=utf-8"> và đặt charset là utf-8<br /> +)Sử dụng bảng mã UCS-2. Tuy nhiên mã UCS-2 làm cho trang Web có kích thước rất lớn, khiến việc hiển thị trang Web trở lên chậm chạp <br /> <br /> Soạn thảo trang HTML<br /> <br /> Dùng một trình soạn thảo bất kỳ đều có thể tạo ra trang HTML. Sau khi soạn thảo xong đặt tên cho files với phần mở rộng là HTM hoặc HTML<br /> <br /> Tạo trang HTML với MS Frontpage<br /> <br /> Có nhiều phần mềm giúp tạo một trang Web trực quan. Chúng ta chỉ cần dùng các động tác kéo thả và gõ ký tự, phần mềm sẽ tự sinh mã HTML cho ta. Trong các phần mềm đó thì MS Frontpage là chương trình tạo trang Web trực quan, đi kèm với bộ MS Office là một phần mềm tương đối thuận tiện, sử dụng tương đối dễ và quen thuộc<br /> <br /> Frontpage có 3 cửa sổ: HTML, Normal và Preview.<br /> +)HTML là cửa sổ chứa mã HTML mà FrontPage đã sinh mã cho ta<br /> +)Normal là cửa sổ mà chúng ta dùng soạn thoả và kéo thả các đối tượng vào trang Web<br /> +)Preview là cửa sổ cho phép ta nhìn thử trang Web vừa soạn thảo<br /> <br /> Trong 3 cửa sổ trên chúng ta có thể thay đổi được nội dung cửa sổ HTML và Normal. Nếu không ưng ý về mã HTML mà FrontPage sinh ra thì ta có thể thay đổi bằng cách gõ vào cửa sổ HTML.<br /> <br /> Tối ưu mã sinh ra bởi MS FrontPage<br /> Tuy Frontpage rất tiện trong việc sinh mã HTML giúp giảm bớt gánh nặng viết mã nhưng trong rất nhiều trường hợp mã HTML mà Frontpage sinh ra quá rườm rà và đặc biệt không sinh được nhiều mã HTML phức tạp. Do vậy việc nắm chắc các thẻ HTML là điều cần thiết cho dù có sử dụng những phần mềm hỗ trợ.</div> </td> </tr> </table> <br /><table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%"> <tr> <td class="page"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr valign="bottom"> <td style="font-size:14pt">haodatco</td> <td class="smallfont" align="right">29-01-2013 04:33 PM</td> </tr> </table> <hr /> <div>Tổng kết<br /> <br /> Một số điều cần biết khi xây dựng một trang web: <br /> <br /> +) Khi một yêu cầu được gửi từ trình duyệt lên Server, Web Server sẽ thực thi yêu cầu và trả lại kết quả dưới dạng một trang HTML để trình duyệt hiển thị.<br /> <br /> +) HTML là một tập hợp các thẻ, mỗi thẻ thường gồm một cặp là thẻ đóng và thẻ mở. Dữ liệu nằm giữa hai thẻ sẽ bị tác động bởi cặp thẻ đó.<br /> <br /> +) Có thể chia các thẻ HTML làm hai loại: loại định dạng và hiển thị dữ liệu và dạng tạo giao diện và gửi dữ liệu<br /> <br /> +) Các thẻ dạng bảng biểu rất hay được sử dụng để tạo layout trang Web. Đối với các trang Web có tác động của người sử dụng thì các form rất quan trọng.<br /> <br /> +) Chú ý kích thước của trang Web: kích thước tuyệt đối và kích thước tương đối<br /> <br /> +) Nên sử dụng các dạng style và CSS để định dạng chung cho các đối tượng trên trang Web<br /> <br /> +) Nên sử dụng một phần mềm sinh mã HTML trực quan như FrontPage, tuy nhiên vẫn phải tự nắm được các thẻ HTML để sửa chữa vì mã HTML do các phần mềm sinh ra không tối ưu.</div> </td> </tr> </table> <br /> <br /> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr valign="top"> <td class="smallfont">Múi giờ GMT +7. Hiện tại là <span class="time">09:41 PM</span></td> <td align="right"> <div class="smallfont"></div> </td> </tr> </table> <p class="smallfont" align="center"> <b>© 2008 - 2025 Nhóm phát triển website và thành viên SANGNHUONG.COM.</b><br /><i>BQT không chịu bất cứ trách nhiệm nào từ nội dung bài viết của thành viên.</i> <br /> </p> </body> </html>

...

...

Tag HTML la gi?

Dòng chữ cỡ H1