Các thẻ định dạng khối

Một phần của tài liệu Bài giảng THIẾT KẾ WEB HTML –DREAM WEAVER (Trang 40 - 46)

 Thẻ P Thẻ P Thẻ <

Thẻ < P P > đ ợc sử dụng để định dạng > đ ợc sử dụng để định dạng một đoạn văn bản. Tự động thêm một đoạn văn bản. Tự động thêm

dòng trắng tr ớc và sau đoạn văn.

dòng trắng tr ớc và sau đoạn văn.

Cú pháp:

Cú pháp:

< < P P >Nội dung đoạn văn bản</ >Nội dung đoạn văn bản</ P P > >

+ + Các thẻ định dạng đề mục Các thẻ định dạng đề mục H1/H2/H3/H4/H5/H6

H1/H2/H3/H4/H5/H6

 HTML hỗ trợ 6 mức đề mục. Chú ý rằng HTML hỗ trợ 6 mức đề mục. Chú ý rằng

đề mục chỉ là các chỉ dẫn định dạng

đề mục chỉ là các chỉ dẫn định dạng về mặt logic, tức là mỗi trình duyệt sẽ về mặt logic, tức là mỗi trình duyệt sẽ

thể hiện đề mục d ới một khuôn dạng thể hiện đề mục d ới một khuôn dạng

thích hợp. Có thể ở trình duyệt này là thích hợp. Có thể ở trình duyệt này là

font ch÷ 14 point nh ng sang tr×nh font ch÷ 14 point nh ng sang tr×nh

duyệt khác là font chữ 20 point. Đề duyệt khác là font chữ 20 point. Đề mục cấp 1 là cao nhất và giảm dần mục cấp 1 là cao nhất và giảm dần

đến cấp 6. Thông th ờng văn bản ở đề

đến cấp 6. Thông th ờng văn bản ở đề môc cÊp 5 hay cÊp 6 th êng cã kÝch th íc môc cÊp 5 hay cÊp 6 th êng cã kÝch th íc

nhỏ hơn văn bản thông th ờng.

nhỏ hơn văn bản thông th ờng.

 D ới đây là các thẻ dùng để định dạng D ới đây là các thẻ dùng để định dạng văn bản ở dạng đề mục:

văn bản ở dạng đề mục:

 < < H1 H1 > ... < > ... < /H1 /H1 >Định dạng đề mục cấp 1 >Định dạng đề mục cấp 1

 < < H2 H2 > ... < > ... < /H2 /H2 >Định dạng đề mục cấp 2 >Định dạng đề mục cấp 2

 < < H3 H3 > ... < > ... < /H3 /H3 >Định dạng đề mục cấp 3 >Định dạng đề mục cấp 3

 < < H4> ... < H4 > ... < /H4 /H4 >Định dạng đề mục cấp 4 >Định dạng đề mục cấp 4

 < < H5 H5 > ... < > ... < /H5 /H5 >Định dạng đề mục cấp 5 >Định dạng đề mục cấp 5

 < < H6 H6 > ... < > ... < /H6 /H6 >Định dạng đề mục cấp 6 >Định dạng đề mục cấp 6

Thẻ chú thích trong HTML Thẻ chú thích trong HTML

<!-- Nội dung chú thích -->

<!-- Nội dung chú thích -->

Hay <! Noi dung chu thich >

Hay <! Noi dung chu thich >

 vÝ du3:vÝ du3:

<html>

<html>

<body bgcolor="#000080">

<body bgcolor="#000080">

<center>

<center>

<font face="Verdana, Tahoma, Arial" color="#ffffff">

<font face="Verdana, Tahoma, Arial" color="#ffffff">

<h1>Tieu de trang web h1</h1><br>

<h1>Tieu de trang web h1</h1><br>

<h2>Welcome to my Homepage! h2</h2><br>

<h2>Welcome to my Homepage! h2</h2><br>

<h3>Tieu de trang web h3</h3><br>

<h3>Tieu de trang web h3</h3><br>

<h4>Tieu de trang web h4</h4><br>

<h4>Tieu de trang web h4</h4><br>

<h5>Tieu de trang web h5</h5><br>

<h5>Tieu de trang web h5</h5><br>

<h6>Tieu de trang web h6</h6><br>

<h6>Tieu de trang web h6</h6><br>

</font>

</font>

</center>

</center>

</body>

</body>

</html>

</html>

 Thẻ xuống dòng BR Thẻ xuống dòng BR

 Thẻ này không có thẻ kết thúc t ơng Thẻ này không có thẻ kết thúc t ơng ứng (</

ứng (</ BR BR >), nó có tác dụng >), nó có tác dụng

chuyển sang dòng mới. L u ý, nội chuyển sang dòng mới. L u ý, nội

dung văn bản trong tài liệu HTML sẽ dung văn bản trong tài liệu HTML sẽ

đ ợc trình duyệt Web thể hiện liên

đ ợc trình duyệt Web thể hiện liên tục, các khoảng trắng liền nhau,

tục, các khoảng trắng liền nhau, các ký tự tab, ký tự xuống dòng các ký tự tab, ký tự xuống dòng

đều đ ợc coi nh một khoảng trắng.

đều đ ợc coi nh một khoảng trắng.

Để xuống dòng trong tài liệu, bạn

Để xuống dòng trong tài liệu, bạn phải sử dụng thẻ <

phải sử dụng thẻ < BR BR > >

Thẻ PRE Thẻ PRE

Để giới hạn đoạn văn bản đã đ ợc định dạng

Để giới hạn đoạn văn bản đã đ ợc định dạng sẵn bạn có thể sử dụng thẻ <

sẵn bạn có thể sử dụng thẻ < PRE PRE >. Văn >. Văn bản ở giữa hai thẻ này sẽ đ ợc thể hiện bản ở giữa hai thẻ này sẽ đ ợc thể hiện

giống hệt nh khi chúng đ ợc đánh vào, ví giống hệt nh khi chúng đ ợc đánh vào, ví

dụ dấu xuống dòng trong đoạn văn bản dụ dấu xuống dòng trong đoạn văn bản

giới hạn bởi thẻ <

giới hạn bởi thẻ < PRE PRE > sẽ có ý nghĩa > sẽ có ý nghĩa chuyển sang dòng mới (trình duyệt sẽ chuyển sang dòng mới (trình duyệt sẽ

không coi chúng nh dấu cách) không coi chúng nh dấu cách) Cú pháp:

Cú pháp:

<PRE>Văn bản đã đ ợc định

<PRE>Văn bản đã đ ợc định dạng</PRE>

dạng</PRE>

Một phần của tài liệu Bài giảng THIẾT KẾ WEB HTML –DREAM WEAVER (Trang 40 - 46)

Tải bản đầy đủ (PPT)

(104 trang)