Cách định dạng font chữ trong html
Bắt đầu từ phần này, chúng ta sẽ cùng nhau làm việc trong cặp thẻ Show
Trong khuôn khổ bài viết này, mình sẽ giới thiệu chi tiết các thẻ HTML dành cho mục đích định dạng chữ viết và văn bản bên trong website, ví dụ như tiêu đề văn bản, in đậm, in nghiêng,… Tiêu đề và đoạn văn bảnTiêu đề (Headline) và đoạn văn bản (Paragraph) là hai thành phần mà bạn cần phân biệt để sau này sử dụng cho đúng. Bạn hãy hiểu rằng, tiêu đề văn bản nó giống như tên của từng chương trong một quyển sách vậy, nó sẽ được hiển thị to hơn nhằm nổi bật hơn. Trong HTML, các thẻ tiêu đề sẽ được định nghĩa bằng cặp thẻ Bạn thấy không, thẻ Còn đoạn văn bản thì nó sẽ được khai báo bằng cặp thẻ Các thẻ định dạng chữ viếtĐôi khi trong văn bản của bạn sẽ cần định dạng lại chữ viết như in đậm, tô nghiêng, gạch chân,…và đây là các thẻ HTML cho từng chức năng đó. Trước hết là hãy soạn một đoạn văn bản HTML như thế này: Mình xin giải thích một số thẻ mới như sau:
Thẻ trích dẫnTrích dẫn (Quote) là một thẻ có thể bạn sẽ thường sử dụng
nếu thường xuyên viết báo hay phóng sự, mục đích của nó là định dạng một câu nói như một câu trích dẫn và có thể định dạng thêm tên người trích dẫn một cách chuyên nghiệp hơn, thẻ trích dẫn được quy định là Lưu ý rằng thẻ Thẻ định dạng sẵnTrong HTML hiện tại nó có một thẻ được gọi là thẻ định dạng sẵn (preformatted), thẻ này sẽ được viết là Thẻ Ngoài ra cũng lưu ý rằng khi viết văn bản trong cặp thẻ Thuộc tính style để định dạng chữ viếtMặc dù việc lên màu sắc trên website là do CSS đảm nhận, nhưng nếu là một văn bản HTML thông thường thì bạn vẫn có thể thêm màu sắc cho chữ viết bằng thuộc
tính Cấu trúc viết thuộc tính sẽ là Màu chữĐể thiết lập màu chữ, bạn có thể sử dụng thuộc tính [html]chữ màu đỏ[/html] Màu nềnMàu nền có cách thiết lập giống hệt màu chữ, tức là bạn có thể dùng giá trị là tên màu trong tiếng Anh hoặc mã màu
HEX. Tên thuộc tính của màu nền là [html]Chữ có nền màu đỏ và màu chữ là trắng[/html] Kích thước chữKích thước chữ bạn có thể sử dụng thuộc tính [html]Chữ có kích thước 32px[/html] Font chữNếu bạn có nhu cầu sử dụng font chữ khác so với font chữ mặc định thì hãy dùng thuộc tính [html]Font chữ Arial[/html] Ngoài ra bạn có thể thêm font chữ dự phòng bằng cách khai báo nhiều tên font chữ khác nhau được ngăn cách bởi dấu phẩy, ví dụ: [html]Font chữ Arial[/html] Có nghĩa là nếu máy người đọc không có font chữ Helvetica thì nó sẽ sử dụng font chữ Arial. Căn lề văn bảnĐể canh lề, chúng ta sử dụng thuộc tính [html]Canh giữa văn bản[/html] Lời kếtCó vẻ bài này chúng ta đã tìm hiểu hơi nhiều về HTML rồi phải không nè? Nhưng những gì mình đề cập ở trên đều rất quan trọng và bạn cần nên tập viết nhiều để làm quen với nó vì về sau nó sẽ giúp ích bạn nhiều trong công việc nói chung và việc làm web nói riêng. Thạch PhạmBé Thạch 18 tuổi, hiện công tác tại AZDIGI với vị trí giữ xe và viết thuê tại ThachPham.Com. Sở thích nghiên cứu về website, DevOps, SysAdmin và xăm mình nữa. Phương châm sống của bé là "No Pain, No Gain". Hiện tại blog tạm đóng bình luận vì mình cần tập trung thời gian vào cập nhật bài viết. Bình luận sẽ mở ra cho đến khi mình sẵn sàng. |