2007-10-22

Bài 5: Làm việc với các kiểu mẫu (Style)

Giống như một trình soạn thảo văn bản, HTML có thể báo cho Web browser hiển thị một phần nào đó của văn bản ở dạng in nghiêng hoặc in đậm hoặc ở dạng in kết hợp cả hai chế độ.

Các tag Style của HTML

HTML cung cấp một vài tag cho việc định dạng style cho văn bản. Hãy thận trọng và suy nghĩ cẩn thận trước khi dùng những kiểu này để định dạng cho văn bản; sử dụng quá nhiều có thể làm cho văn bản trở nên khó đọc hơn ...


Lưu ý rằng bạn có thể kết hợp các tag này để định dạng miễn là chúng được lồng vào nhau một cách chính xác, ví dụ như cả hai tag bắt đầu và kết thúc in nghiêng đều phải ở bên trong các tag in đậm. Cũng lưu ý là thứ tự các tag không quan trọng.


Hơn nữa, bạn có thể áp dụng những kiểu vào trong phần tiêu đề. Lưu ý về cách đặt các tag style đóng và mở xung quanh những từ muốn tạo kiểu còn những tag đề mục thì bao quanh toàn bộ đề mục.


Áp dụng Style vào trong tài liệu của bạn

Theo những bước sau để áp dụng các tag style cho văn bản HTML của bạn:
1. Mở lại workspace của bạn (nếu nó chưa được mở).
2. Trở lại tài liệu HTML "Volc.htm" của bạn trong chương trình soạn thảo.
3. Tìm từ "volcano" trong câu đầu tiên của phần Introduction. Chúng ta sẽ làm từ này trở nên in đậm để đánh dấu đây là từ quan trọng.
4. Chèn thêm các tag để làm từ này trở nên in đậm :
<b>volcano</b>

5. Bây giờ chúng ta sẽ sửa đổi đoạn văn thứ hai với những tag in đậm và in ngiêng để nhấn mạnh. Hãy thêm tag ...... quanh từ billion đó để đoạn này trông giống như sau :
<p>
Volcanoes have been a part of earth's history long
before humans. Compare the history of human beings,
a few million years in the making, to that of the
Earth, over four <b><i>billion</i></b> years in the
making

6. Cuối cùng, chúng ta sẽ sử dụng tag typewriter để chỉ ra một từ đặc biệt. Bên dưới đề mục Volcano Terminology, nhập vào đoạn sau:

The study of volcanoes, or <tt>Volcanology</tt>,

includes many odd terms.

7. Lưu trữ trong trình soạn thảo và Reload trong Web browser của bạn.


->Read More...

CÁC BÀI LIÊN QUAN:


0 nhận xét: