Bài 9: Hiển thị văn bản định dạng trước-Hiển thị lời giải thích.

Admin

Admin

Admin

Họ tên : Nguyễn Ích Hoàn

Bài viết : 3191

Xu : 9210

Thanks : 8
Age

Age : 34
Đến từ : Thanh Hóa

Tài Sản:
.:

Đến bài học này bạn đã nắm được một số tag để trình bày một trang
HTML... Nhưng có thể bạn sẽ hỏi rằng nếu muốn giữ những đọan text đã
được định dạng trước và không cần sử dụng các thẻ của HTML thì có được
không? Câu trả lời là <b>Được</b> và bạn có thể sử dụng Thẻ
<pre> hoặc <xmp> để làm điều này.
I-Giữ lại định dạng của văn bản với cặp tags : <pre></pre>
1-Cú pháp:

<pre>Định dạng trước của văn bản <pre>

Trong đó:

<pre> :khai báo giữ định dạng mặc nhiên của văn bản.
</pre> :Tag đóng khai báo.

Ví dụ:

Viết:	Hiển thị trên trình duyệt:
<pre> Tag pre sẽ giữ lại định dạng mặc nhiên của văn bản. Rất có lợi khi bạn dùng để viết các bài thơ, lời bài hát.Tuy nhiên, tag này không thể hiển thị các thành phần của html. Bạn phải sử dụng ký tự dành riêng cho các thành phần để hiển thị trên Browser. </pre>	Tag pre sẽ giữ lại định dạng mặc nhiên của văn bản. Rất có lợi khi bạn dùng để viết các bài thơ, lời bài hát.Tuy nhiên, tag này không thể hiển thị các thành phần của html. Bạn phải sử dụng ký tự dành riêng cho các thành phần để hiển thị trên Browser.

Vậy để hiển thị được các thành phần của trang HTML như <body>,
<title>, thì làm sao.? Khi đó bạn phải sử dụng đến ký tự riêng cho
các dấu mở và đóng thành phần. Dưới đây là một số ví dụ:

Xem ví dụ:

Viết:	Hiển thị trên trình duyệt:
<html> <head> <title> <body> </p> ® © ™	<html> <head> <title> <body> <p> ® © ™

Việc đưa tất cả các ký hiệu riêng cho HTML là một công việc mất rất
nhiều thời gian và công sức nếu không sử dụng công cụ hỗ trợ. Chẳng hạn
để hiển thị ví dụ trên, trong Notepad, chúng ta phải viết phải viết như
sau:

&#38lt;html&#38gt;
&#38lt;head&#38gt;
&#38lt;titlel&#38gt;
...........................................

I-Giữ lại định dạng của văn bản với cặp tags : <xmp></xmp>
Cặp tag này hiện không được hỗ trợ rộng rãi bởi Browser nên được
khuyến cáo là không nên sử dụng nhiều. IE6, FireFox 7.5 hỗ trợ. Đặc điểm
của tag này là hiển thị bất kỳ cái gì chứa bên trong nó.

1-Cú pháp:

<xmp>Định dạng trước của văn bản <xmp>

Trong đó:

<xmp> :khai báo giữ định dạng mặc nhiên của văn bản.
</xmp> :Tag đóng khai báo.

Xem ví dụ:

Viết:	Hiển thị trên trình duyệt:
<xmp> <ul type="square"> <li>Hello <li>Hi <li>How are you? </ul> <ul type="square"> <li>I don't know <li>I don't care <li>What is HTML? </ul> </xmp>	<ul type="square"> <li>Hello <li>Hi <li>How are you? </ul> <ul type="square"> <li>I don't know <li>I don't care <li>What is HTML? </ul>

Do tính chất không được chấp nhận rộng rãi, Bạn phải cẩn thận khi sử dụng tag này để trình bày bài hướng dẫn sử dụng HTML.

III-Hiển thị lời giải thích: <acronym></acronym>
Dùng <acronym></acronym> để hiển thị lời giải thích cho các chữ viết tắt bởi các chữ cái đầu. Ví dụ: WTO= World Trade Organization. Bạn thử đưa chuột lên chữ WTO sẽ sẽ thấy hiệu lực của tag này.

1-Cú pháp:

<acronym title="Lời giải thích">Chữ viết tắt<acronym>

Trong đó:

<acronym> :Đặt ngay trước chữ viết tắt.
title="lời giải thích" : Ghi giải thích của chữ viết tắt.
</acronym> :Tag đóng khai báo sau chữ viết tắt.

Ví dụ:

Viết:	Hiển thị:
<acronym title="HyperText Markup Language"><u>HTML</u></acronym> <acronym title="Cascading Style Sheet"><u>CSS</u></acronym> <acronym title="Visual Basic"><u>VB</u></acronym> <acronym title="Active Server Page"><u>ASP</u></acronym>	HTML CSS VB ASP

Bạn thử đưa chuột lên từng từ viết tắt ở cửa sổ hiển thị, bạn sẽ thấy được hiệu ứng acronym mới dùng.

Ngòai ra bạn cũng có thể sử dụng cặp tag <abbr></abbr>
để hiển thị lời giải thích. Cú pháp tương tự như cặp tag Acronym nhưng
chỉ hỗ trợ với Netscape Navigator và không được hỗ trợ bởi IE.

Hết Bài 9.

Nguồn: Sưu tầm Internet

1 Bài 9: Hiển thị văn bản định dạng trước-Hiển thị lời giải thích. Sat Nov 03, 2012 8:20 pm

Admin