Giáo trình Thực hành HTML - Bài 2: Các thẻ định dạng font, kích cỡ chữ, bố cục & trang trí cho văn bản HTML

A – LÝ THUYẾT

I – CÁC THẺ ĐỊNH DẠNG FONT CHỮ VÀ KÍCH CỠ CHỮ

1 – Các thẻ định dạng Font chữ

HTML cho phép bạn thay đổi font chữ thế hiện bằng cặp thẻ . Cùng với các thuộc tính size định kích thước chữ, face thay đổi kiểu chữ và color để định mầu chữ.

a) Thẻ

• face: Quy định kiểu chữ. Giá trị là các kiểu chữ như: Arial, Tahoma, “Times new roman”,

• size: Quy định kích cỡ của chữ. Giá trị thường sử dụng trong các khoảng sau: (-1, -6), (+1, +6), (1, 7)

• color: Quy định mầu của chữ. Giá trị có thể dùng là mã mầu hoặc tên màu

 

doc5 trang | Chuyên mục: HTML | Chia sẻ: yen2110 | Lượt xem: 467 | Lượt tải: 0download
Tóm tắt nội dung Giáo trình Thực hành HTML - Bài 2: Các thẻ định dạng font, kích cỡ chữ, bố cục & trang trí cho văn bản HTML, để xem tài liệu hoàn chỉnh bạn click vào nút "TẢI VỀ" ở trên
LAB HTML 2
CÁC THẺ ĐỊNH DẠNG FONT, KÍCH CỠ CHỮ - BỐ CỤC & TRANG TRÍ CHO VĂN BẢN HTML
A – LÝ THUYẾT
I – CÁC THẺ ĐỊNH DẠNG FONT CHỮ VÀ KÍCH CỠ CHỮ
1 – Các thẻ định dạng Font chữ
HTML cho phép bạn thay đổi font chữ thế hiện bằng cặp thẻ . Cùng với các thuộc tính size định kích thước chữ, face thay đổi kiểu chữ và color để định mầu chữ. 
Thẻ 
face: Quy định kiểu chữ. Giá trị là các kiểu chữ như: Arial, Tahoma, “Times new roman”,
size: Quy định kích cỡ của chữ. Giá trị thường sử dụng trong các khoảng sau: (-1, -6), (+1, +6), (1, 7)
color: Quy định mầu của chữ. Giá trị có thể dùng là mã mầu hoặc tên màu
2 – Các thẻ định dạng kích cỡ chữ
Các cặp thẻ trong HTML quy định kích cỡ cho font chữ với quy định kích cỡ lớn nhất và quy định kích cỡ bé nhất
Các thẻ , , , , , 
align: Quy định vị trí của các đối tượng nằm bên trong cặp thẻ so với màn hình hiển thị văn bản HTML. Các giá trị có thể dùng đó là: left, right, center, justify	
II – MỘT SỐ THẺ BỐ CỤC VÀ TRANG TRÍ CHO TRANG HTML
1 – Thẻ bố cục cho văn bản HML
Thẻ 
	Thẻ này có tác dụng đưa các đối tượng nằm trong nó ra trung tâm của văn bản HTML theo chiều ngang
2 – Các thẻ hiệu ứng trong văn bản HTML
Thẻ 
	Thẻ này có tác dụng điều khiển các đối tượng nằm bên trong nó có hiệu ứng nhấp nháy hay gọi là chớp tắt
Thẻ 
	Thẻ này có tác dụng tạo ra các hiệu ứng chuyển động lạ mắt cho các đối tượng nắm trong nó, như chuyển động của đối tượng từ trái qua phải, từ trên xuống dưới và ngược lại, chuyển động va đập qua lai, chuyển động xuyên qua các đường biên bao ngoài,
bgcolor: Quy định mầu nền của khung Marquee. Giá trị được sử dụng là tên mầu hoặc mã mầu.
height: Quy định chiều cao của khung Marquee. Giá trị thường được sử dụng là Px
width: Quy định độ rộng của khung Marquee. Giá trị thường được sử dụng là Px
behavior: Chỉ định kiểu chữ chạy. Các giá trị có thể sử dụng như: scroll (Dòng chữ chạy theo một hướng nhất định và lập đi lập lại quá trình đó, đây là kiểu mặc định), alternate (Dòng chữ chạy đổi hướng khi đụng đường biên của khung bao văn bản)
direction: Chỉ định hớng chạy của các đối tượng bên trong khung Marquee. Mặc định là từ phải qua trái. Với các giá trị có thể sử dụng như: left (phải -> trái), right (trái -> phải), up (dưới -> trên), down (trên -> dưới) 
hspace: Quy định khoảng cách từ khung Marquee đến các đối tượng bên ngoài theo chiều ngang. Giá trị thường được sử dụng là Px
vspace: Quy định khoảng cách từ khung Marquee đến các đối tượng bên ngoài theo chiều dọc. Giá trị thường được sử dụng là Px
scrollamount: Tăng tốc độ cuộn của đối tượng bên trong Marquee. Giá trị được sử dụng là các số nguyên dương
scrolldelay: Giảm tốc độ cuộn của đối tượng bên trong Marquee. Giá trị được sử dụng là các số nguyên dương
B – THỰC HÀNH
I – BÀI THỰC HÀNH TRÊN LỚP
Bài 1:
	Sử dụng toàn bộ kiến thức về các thẻ đã học để có thể thiết kế hoàn chỉnh một trang HTML như hình mẫu dưới đây. Mở bai_tap_1.html trong File đính kèm để xem trước kết quả của bài tập này được chính xác hơn.
II – BÀI TẬP VỀ NHÀ
Bài 1:
	Sử dụng toàn bộ kiến thức về các thẻ đã học để có thể thiết kế hoàn chỉnh một trang HTML như hình mẫu dưới đây. Mở bai_tap_2.html trong File đính kèm để xem trước kết quả của bài tập này được chính xác hơn.

File đính kèm:

  • docgiao_trinh_thuc_hanh_html_bai_2_cac_the_dinh_dang_font_kich.doc
Tài liệu liên quan