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ặc nghiêng. Các định dạng này có thể áp dụng từ phạm vi một đoạn hay toà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ã ng u ồ 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ư trong HTML. 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ố <! và hậu tố >. Mã nguồn: <TITLE>Chú Dẫn</TITLE> <P><H2>Cách sử dụng thẻ chú dẫn<H2> <P><! Những dòng này sẽ không hiển thị khi xem văn bản html bằng Browser > <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ăng trì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> </OL> <TABLE BORDER> <TR> <TH COLOR=#FFFFDD">Thực đơn <TH COLOR=#FFFFDD">Giá <TR><TD>Cà phê sữa<TD>5.000đ <TR><TD>Cà phê đen<TD>4.000đ </TABLE> </CENTER> </BODY> </HTML> Kết quả Bảng 1 Th ự c đơn Giá Cà phê s ữ a 5.000đ Cà phê đen 4.000đ Bảng 2 Th ự c đơn Giá Cà phê s ữ a 5.000đ Cà phê đen 4.000đ Font chữ Diễn giải