XtGem.com

HA QUANG PHUONG

Browser sử dụng phông chữ bề rộng cố định (fixed-width font) đểhiển thị nội dung trong phần ký tự định dạng trước. Thông thường, đó là phông hệ thống đang được sử dụng trong máy tính của bạn.
Kiểu ký tự định dạng trước rất có ích trong trường hợp dấu cách là không thể thiếu được, chẳng hạn như khi thể hiện một đoạn mã chương trình.
Kiểu ký tự định dạng trước được bắt đầu bằng thẻ <PRE> và kết thúc bằng thẻ </PRE>.
Khối trích dẫn
Diễn giải
Khối trích dẫn thường được dùngtrong các trường hợp sử dụng các trích dẫn mở rộng. Toàn khối trích dẫn sẽ được căn lề thụt vào cả ở hai phía và tạo thành một khối riêng so với các đoạn khác của trang văn bản HTML.
Khối trích dẫn được mở đầu bằngthẻ <BLOCKQUOTE> và kết thúc bằng thẻ </BLOCKQUOTE>.
Kiểu chữ
Diễn giải
Các thẻ kiểu chữ trong ngôn ngữ HTML cho phép bạn điều khiển được vẻ bề ngoài của bản thân các ký tự - chẳng hạn chúng ta có thể định dạng một từ là đậm hoặcnghiêng. Các định dạng này có thểáp dụng từ phạm vi một đoạn haytoàn bộ văn bản cho tới từng ký tự đơn lẻ.
Các thẻ kiểu chữ nói chung được chia thành hai nhóm: có tính vật lývà có tính logic.
Các kiểu chữ
Kiểu có tính chất vật lý
Mã nguồn
Kết quả
<b>đậm</b>
đậm
<u>gạch dưới</u>
gạch dưới
<i>nghiêng</i>
nghiêng
<tt>teletype</tt>
teletype
Kiểu có tính logic
Mã nguồn
Kết quả
<em>nhấn mạnh </em>
nhấn mạnh
<strong>nhấn mạnh hơn</strong>
nhấn mạnh hơn
<cite>trích dẫn</cite>
trích dẫn
<code>code</code>
code
<samp>sample</samp>
sample
<kbd>keyboard</kbd>
keyboard
<var>varible</var>
variable
<dfn>giải thích</dfn>
giải thích
Ký tự đặc biệt
Diễn giải
Có nhiều ký tự mà HTML dùng vào mục đích đặc biệt, tất nhiên bao gồm cả ký hiệu < (nhỏ hơn) và > (lớn hơn). Bởi những ký hiệu này được dùng để chỉ các thẻ mà bạn không thể dùng chúng như trongHTML. Bạn có thể dùng dấu phối hợp để thể hiện các ký tự đặc biệt.
Ký tự
Dấu phối hợp
<
&<;
>
&>;
&
&
"
"
Thẻ chú dẫn
Diễn giải
Giống như tất cả các ngôn ngữ khác, HTML cho phép đặt những chú dẫn. Chú dẫn rất quan trọng trong khi soạn thảo. Trình duyệt xét (browser) bỏ qua phần văn bản nằm trong thẻ chú dẫn nên người sử dụng không thể nhìn thấy chúng trên trang Web. Dĩ nhiên có thể thấy chúng khi xem mã nguồn.
Chú dẫn được giới hạn bởi tiền tố.
Mã nguồn:
<TITLE>Chú Dẫn</TITLE>
<P><H2>Cách sử dụng thẻ chú dẫn<H2>
<P>
<P><H4>Các dòng hiện thị trên máy.</H4>
<UL>
<LI>BATIN xin chào các bạn.
<LI>Chúc các bạn một ngày làm việc vui vẻ.
</UL>
Kết quả:
Cách sử dụng thẻ chú dẫn
Các dòng hiện thị trên máy
BATIN xin chào các bạn.
Chúc các bạn một ngày làm việc vui vẻ.
Bảng trong trang HTML
Diễn giải
Bảng tạo cho bạn cảm giác thoải mái khi tìm kiếm. Ngoài ra, dùng bảng trình bày cũng rất tiện lợi. Bạn có thể đưa văn bản, hình ảnh,danh sách và thậm chí bạn có thể chèn thêm vào đó một bảng mới. Bảng HTML cũng có các chức năngtrình bày, định dạng, đường biên như bảng trong MS-Word, MS-Excel.
Định dạng bảng
Thẻ
ý nghĩa
<TR>
Tạo dòng
<TD>
Tạo cột
<TH>
Tạo dòng tiêu đề (Chữ in đậm, canh giữa)
Các tham số trong thẻ
Tham số
ý nghĩa
BORDER=n
Định dạng đường viền với đường viền n
WIDTH=n%
Định dạng chiều rộng của bảng n%
CELLPADDING=n
Khoảng cách giữa văn bản và ô
CELLSPACING=n
Khoảng cách giữa các biên trong và ngoài của ô
COLSPAN=n
Chia cột thành n cột
ROWSPAN=n
Chia dòng thành n dòng
ALIGN=(left, right, center)
Định dạng lề theo chiều ngang của văn bản
VALIGN=(top, bottom, midle)
Định dạng lề theo chiều dọc của văn bản
CLEAR=(left, right, all)
Chia dòng thành n dòng
Mã nguồn
<HTML>
<HEAD><TITLE>Tạo bảng trong HTML</TITLE>
</HEAD>
<BODY>
<OL><LI><B>Bảngg 1</LI></B> <CENTER>
<TABLE BORDER=9 WIDTH=70%>
<TR>
<TH>Thực đơn
<TH>Giá
<TR> <TD>Cà phê sữa<TD>5.000đ
<TR><TD>Cà phê đen<TD>4.000đ
</TABLE>
</CENTER>
<P>
<LI><B>Bảng 2</LI></B>
>>trang6