I 3J avaScript sam plecode M tciosofl nternet Explorer HË 3]
156 Chưdng 6: Nhúng JavaScript trong một trang Web
Định dạng text bằng các phần tử HTML
HTML cung cấp m ột số p h ần tử để giúp các n h à p h á t triể n tra n g web định dạng và tạo style cho text. Những th ẻ này rơi vào hai hạng mục rõ ràng: các p h ần tử cụm từ (phrase elem ent) và các p h ần tử font stylẹ Các p h ần tử cụm từ là các th ẻ tạo cấu trúc text. Cách những phần tử này trìn h bày cho người dùng tùy thuộc vào trìn h duyệt. Các p h ần tử font style là các th ẻ xác định những thuộc tín h font cho text. Vì các thuộc tín h font style kh á riên g biệt, các n h à p h á t triể n cĩ th ể tự tin hơn về cách các trìn h duyệt sẽ trìn h bày tex t cho người dùng.
Sau đây là các p h ần tử cụm từ trong HTML 4.01:
B <abbr> biển tnị m ột dạng ưiổi lắt R <acronym> biểu thị một từ ghép
B <cite> biểĩi thị một bản trích dẫn hoặc tham chiêu sang những ngĩiồn khác
B <code> chỉ định một đoạn mã máy tính a <dfn> biểỉi thị instance xác định của một từ
B <em> biểu thị sự nhấn mạnh; tbường hiển thị dưới dạng text in nghiêng
M <kbd> biểĩL thị text cần được nhập bởi người dùng
u <samp> biểu thị kết quả mẫu tử các chìtơìig trình, script...
B <strong> biểu thị sự nhấn mạnh hơn thường hiển thị dì (ỚI dang text in đậm
B <var> biểu thị một instance của một biến hoặc đối cố chương trình
L ấn nữa, từng p h ân tử này biếu th ị loại tex t m à nĩ chứa, nhưng chỉ gợi ý trìn h duyệt sẽ xử lý chúng như th ế nàọ
Các th ẻ sau đây là các p h ần tử font style của HTML 4.01:
B <b> text in đậm
B <big> lớn hơn text bình thường B <i> text in nghiêng (italic)
M <s> text gạch xĩa (chính thức được loại bỏ) B <small> nhỏ hơn text bình thitơng
t f <strike> text gạch xĩa, giống như<s> (chính thức khơng cịn được sử dụng nữa)
u <tt> teletype hoặc text đơn cách (monospace)
B <u> text được gạch ditịi (chính thức khơng cịn được sử dụng nữa)
Trong đa sơ' các tra n g HTML, các phần tử cụm từ đã khơng được sử dụng. N hiều n h à th iế t k ế tra n g web th ích xác lập các font và style cho
(^ ươ ng 6: Nhúng JavaScript trong một trang Web 157
các tra n g của họ một cach cụ thể hơn. Ngồi sự khơng chắc chắn về cách nhứng trìn h duyệt sê kết xuất các thẻ này, sử dựng các phần tử cấu trúc tà i liệu định nghĩa sắn như vậy sẽ giới h ạ n các lựa chọn th iế t k ế của các n h à th iế t kế.
H àn g tră m triệu tra n g web hiện hữu chỉ sử dụng p h ần tử HTML như các p h ầ n cử được iiệt kê ở đáy để tạo style cho te x t trê n các tran g . Ví dụ,
m ã HTM L tạo m ơt tra n g web sử dụng nhiều th ẻ style như được thảo luận tro n g chương nàỵ
<html>
<headxtitle>Sample document</titlex/head> <body>
<h1>Traveling to the Canbbean</hl>
<pxb>Barbados</b> - Barbados is a lovely island, with
<i>wonderful weather</i> and a <i>constant cool breeze</i>. The locals are friendly, and one can clearly see that a British
jnfluer.ee s:ill e> ists, even tcda/.</p>
o x b ^ s t . ’.ina</h> - St. Lucia ir. 3 lush tropical paraciisfl.Fewer tourists tend to visit St. Lucia than some of the other Fewer tourists tend to visit St. Lucia than some of the other islands, which means it is easier to explore the local way of !ifẹ</p>
<p><b>6ahamas</0> - Banainas IS <smke>frequently ViSitea
by</strike> <u>a popular spot for</u> Americans. The islands have a number of casinos, the most spectacular of whicn is the <i>Atlantis Hote! Ĩl Daraf<is« !slanck/'> The ru r w ip that one of their hotel room?
goes for <big>$40,000 a night</big>, A/hich is about $39,800 more than
most people can afford to spend on a place to sleep.</p> </body>
</html>
N hư bạn cĩ th ể thấy từ ản h chụp m àn hình sau đây, phần tử HTML tạo style cho te x t để làm cho k ết quả dễ đọc hơn. T ext được in đậm, in nghiêng, hoặc được gạch chéo được trìn h bày chính xác như người ta mong đợị
158 Chướng 6: Nhúng JavaScript trong một trang Web
J I S i m p l e (lu r .u o i e n l - M i ịi o s o l t I n t K i n H F M ploitfi