Học HTML- Các thẻ HTML định đạng văn bản [bài 3]

Định dạng văn bản bao gồm các việc căn bản sau: tạo chữ in đậm, chữ in nghiêng, chữ gạch chân, chữ to, chữ bé. Có thể còn 1 số thẻ định dạng văn bản khác nữa. Tuy nhiên, trước mắt chúng ta chỉ cần những công việc định dạng đơn giản vậy thôi

Học HTML- Các thẻ HTML định đạng văn bản [bài 3]
Đề bài: Tạo 1 chương trình HTML có chữ to, nhỏ, in đậm, in nghiêng, gạch chân như hình vẽ Học HTMLCác thẻ HTML định đạng văn bản [bài 3]

1. Cách làm tổng quan:

Tạo 1 file .html sau đó mở file HTML bằng notepad ++ và viết vào đoạn code như sau:

Đây là tiêu đề to

Đây là tiêu đề nhỏ dần

Đây là chữ in nghiêng
Đây là chữ in đậm
Đây cũng là chữ in đậm
Đây là chữ gạch chân
Dòng này có chữ in nghiêngin đậmgạch chân
Xong rồi lưu lại. Mở file .html bằng trình duyệt. Bạn sẽ có kết quả.

2. Giải thích chi tiết các thẻ định dạng văn bản trong HTML.

Trong HTML các thẻ luôn tồn tại thẻ mở và thẻ đóng. Chúng tạo thành cặp đôi và luôn luôn đi cùng nhau. Ví dụ: thẻ h1 thì cấu trúc là:

.

gọi là thẻ mở,

gọi là thẻ đóng
. Chúng ta chỉ cần thêm / trước thẻ mở là trở thành thẻ đóng.

Các thẻ định dạng cỡ chữ: h1, h2,h3,h4,h5….

Thẻ h1 có cỡ chữ to nhất và cứ đến thứ tự các thẻ h2, h3…. Thực tế, trong website, chúng ta chỉ dùng đến thẻ h3 là cùng.

Đây là tiêu đề to

Đây là tiê đề nhỏ hơn thẻ h1 nhưng to hơn thẻ h3

Thẻ định dạng chữ nghiêng là thẻ i

. Nó có cấu trúc: ….. Ví dụ: Đây là chữ in nghiêng

Thẻ định dạng chữ đậm là thẻ b

. Nó có cấu trúc: . Ví dụ Đây là chữ in đậm

Thẻ định dạng chữ đậm cũng có thể là thẻ strong

. Nó có cấu trúc: < strong >… . Ví dụ Đây là chữ đậm Bạn chưa cần biết sự khác nhau giữa thẻ b và thẻ strong. Và thực ra không cần phải biết.

Thẻ định dạng chữ gạch chân là thẻ u

. Nó có cấu trúc: . Ví dụ Đây là chữ gạch chân

Trong ví dụ đầu bài, mình có thêm thẻ div

. Thẻ
chỉ có tác dụng định danh, xuống dòng chứ không có tác dụng gì khác. Bạn có thể bỏ thẻ div đi rồi chạy xem kết quả thể nào. Kết luận: bài học đầu tiên với html chúng ta đã có được 1 số định dạng nhất định với văn bản. Tạm thời thế đã. Bạn không cần phải tưởng tưởng, nghĩ thêm gì nhiều cho phức tạp. Hãy thực hành đi, thực hành lại. Không cần nhìn vào hướng dẫn mà cũng tự làm được. Lúc đó hãy chuyển sang bài tiếp theo
Từ khóa tìm kiếm:
  • Các thẻ định dang văn bản HTML
  • Gạch chân, in nghiêng, in đậm HTML
  • Trình bày văn bản HTML

Bình luận