1 HTML - Trình bày trang – Phần 1 Sat Nov 03, 2012 8:27 pm
Admin
Admin
HTML - Trình bày trang – Phần 1
Mở
đầu các trang văn bản thường là các tiêu đề cần làm nổi bật từng phần
của văn bản như Chương, Mục,... cũng cần có đề mục rõ ràng khác với phần
thân để người đọc theo dõi cho thuận tiện.
1. Tạo tiêu đề
Có 6 mức tiêu đề trong HTML. Cách thể hiện các tiêu đề phụ thuộc vào trình duyệt nhưng thông thường thì:
♦ Tiêu đề mức 1:
Thẻ định nghĩa có dạng:
Ví dụ:
♦ Tiêu đề mức 2 :
Thẻ định nghĩa có dạng:
Ví dụ:
♦ Tiêu đề mức 3:
Thẻ định nghĩa có dạng:
Ví dụ:
♦ Tiêu đề mức 4:
Thẻ định nghĩa có dạng:
Ví dụ:
♦ Tiêu đề mức 5:
Thẻ định nghĩa có dạng:
Ví dụ:
♦ Tiêu đề mức 6:
Thẻ định nghĩa có dạng:
Ví dụ:
2. Thẻ trình bày trang
2.1 Một số thẻ chính :
Các thành phần trình bày trang để định dạng cả một đoạn văn bản và
phải nằm trong phần thân của tài liệu. Có nhiều thẻ được sử dụng nhưng
trong tài liệu này chỉ trình bày một số thẻ trình bày chính: định dạng
phần địa chỉ (<ADDRESS>), đoạn văn bản (<P>), xuống dòng
(<BR>), căn chính giữa (<CENTER>), đường kẻ ngang
(<HR>), đoạn văn bản đã định dạng sẵn (<PRE>), trích dẫn
nguồn tài liệu (<BLOCKQUOTE>).
a. Định dạng phần địa chỉ
Cho biết thông tin như địa chỉ, danh thiếp và tác giả, thường đặt ở đầu hay cuối tài liệu.
Thẻ định dạng:
Ví dụ:
Kết quả thu được:
b. Đoạn văn bản
Thẻ này dùng để xác định một đoạn văn bản. Thẻ <P> (Paragraph)
có thể dùng kèm thuộc tính để ấn định cách trình bày đoạn văn bản.
Chỉ là giới hạn một đoạn paragraph, cách bày trí do các thành phần
khác tạo thành. Thường chỉ có khoảng trống khoảng một dòng hay nửa dòng
trước paragraph, trừ khi nằm trong phần địa chỉ
<ADDRESS>…</ADDRESS>. Một số trình duyệt thể hiện dòng đầu
của paragraph thụt vào.
Thẻ định nghĩa dạng:
Một đoạn văn bản rỗng là một dòng trắng.
Vì đầu dòng CR (Carriage Return) không có hiệu lực xuống dòng mới mà
chỉ có tác dụng như một dấu cách, do đó có thể tạo một dòng dãn cách
(một dòng trắng) giữa các đoạn văn bản cần phải sử dụng thẻ <P>.
Trường hợp này chỉ cần dùng thẻ
đơn lẻ, không cần thẻ đóng.
Chú ý: một số thẻ khác như các thẻ tiêu đề
<H1>,...,<H6>, dòng kẻ ngang <HR>, danh sách, bảng
biểu,... đã kèm luôn việc xuống dòng thành một đoạn văn bản mới. Không
cần dùng thêm thẻ <P> trước và sau các thẻ này.
c. Xuống dòng
Thẻ này dùng để xuống dòng mới. Bắt buộc xuống dòng tại vị trí gặp từ
khóa này. Dòng mới được căn lề như dòng được bẻ tự động khi dòng đó quá
dài.
Thẻ định nghĩa dạng:
Nếu không muốn chèn một dòng trắng mà chỉ đơn thuần muốn xuống dòng
mới thì cần sử dụng thẻ <BR> (Break). Thẻ Break không cần có thẻ
đóng kèm theo.
Hết phần 1
Nguồn: Sưu tầm Internet
Mở
đầu các trang văn bản thường là các tiêu đề cần làm nổi bật từng phần
của văn bản như Chương, Mục,... cũng cần có đề mục rõ ràng khác với phần
thân để người đọc theo dõi cho thuận tiện.
1. Tạo tiêu đề
Có 6 mức tiêu đề trong HTML. Cách thể hiện các tiêu đề phụ thuộc vào trình duyệt nhưng thông thường thì:
♦ Tiêu đề mức 1:
Thẻ định nghĩa có dạng:
Ví dụ:
♦ Tiêu đề mức 2 :
Thẻ định nghĩa có dạng:
Ví dụ:
♦ Tiêu đề mức 3:
Thẻ định nghĩa có dạng:
Ví dụ:
♦ Tiêu đề mức 4:
Thẻ định nghĩa có dạng:
Ví dụ:
♦ Tiêu đề mức 5:
Thẻ định nghĩa có dạng:
Ví dụ:
♦ Tiêu đề mức 6:
Thẻ định nghĩa có dạng:
Ví dụ:
2. Thẻ trình bày trang
2.1 Một số thẻ chính :
Các thành phần trình bày trang để định dạng cả một đoạn văn bản và
phải nằm trong phần thân của tài liệu. Có nhiều thẻ được sử dụng nhưng
trong tài liệu này chỉ trình bày một số thẻ trình bày chính: định dạng
phần địa chỉ (<ADDRESS>), đoạn văn bản (<P>), xuống dòng
(<BR>), căn chính giữa (<CENTER>), đường kẻ ngang
(<HR>), đoạn văn bản đã định dạng sẵn (<PRE>), trích dẫn
nguồn tài liệu (<BLOCKQUOTE>).
a. Định dạng phần địa chỉ
Cho biết thông tin như địa chỉ, danh thiếp và tác giả, thường đặt ở đầu hay cuối tài liệu.
Thẻ định dạng:
Ví dụ:
Kết quả thu được:
b. Đoạn văn bản
Thẻ này dùng để xác định một đoạn văn bản. Thẻ <P> (Paragraph)
có thể dùng kèm thuộc tính để ấn định cách trình bày đoạn văn bản.
Chỉ là giới hạn một đoạn paragraph, cách bày trí do các thành phần
khác tạo thành. Thường chỉ có khoảng trống khoảng một dòng hay nửa dòng
trước paragraph, trừ khi nằm trong phần địa chỉ
<ADDRESS>…</ADDRESS>. Một số trình duyệt thể hiện dòng đầu
của paragraph thụt vào.
Thẻ định nghĩa dạng:
Một đoạn văn bản rỗng là một dòng trắng.
Vì đầu dòng CR (Carriage Return) không có hiệu lực xuống dòng mới mà
chỉ có tác dụng như một dấu cách, do đó có thể tạo một dòng dãn cách
(một dòng trắng) giữa các đoạn văn bản cần phải sử dụng thẻ <P>.
Trường hợp này chỉ cần dùng thẻ
đơn lẻ, không cần thẻ đóng.
Chú ý: một số thẻ khác như các thẻ tiêu đề
<H1>,...,<H6>, dòng kẻ ngang <HR>, danh sách, bảng
biểu,... đã kèm luôn việc xuống dòng thành một đoạn văn bản mới. Không
cần dùng thêm thẻ <P> trước và sau các thẻ này.
c. Xuống dòng
Thẻ này dùng để xuống dòng mới. Bắt buộc xuống dòng tại vị trí gặp từ
khóa này. Dòng mới được căn lề như dòng được bẻ tự động khi dòng đó quá
dài.
Thẻ định nghĩa dạng:
Nếu không muốn chèn một dòng trắng mà chỉ đơn thuần muốn xuống dòng
mới thì cần sử dụng thẻ <BR> (Break). Thẻ Break không cần có thẻ
đóng kèm theo.
Hết phần 1
Nguồn: Sưu tầm Internet