<тег style= "text-trang trí: gạch chân" >... - nhấn mạnh văn bản.

<тег style= "text-trang trí:overline" >... - gạch chân văn bản.

<тег phong cách= "trang trí văn bản: xuyên suốt">... - gạch bỏ văn bản.

Ví dụ về thay đổi kiểu phông chữ

Kiểu chữ in đậm. Chữ in nghiêng.

In nghiêng đậm.

H ₂ VÌ THẾ ₄- Công thức axit sunfuric in nghiêng.

Đoạn văn bản được gạch chân.

Văn bản thô, gạch chéo đậm.

Kết quả trên trình duyệt

Bây giờ tôi muốn làm rõ một điều về thuộc tính style. Style là một thuộc tính thẻ hoàn toàn bình thường nhưng nó liên quan đến Cascading Style Sheets (CSS). Trước đây, tất cả các chức năng cấu trúc toàn bộ trang HTML và trình bày bên ngoài của từng thành phần riêng biệt (màu sắc, hình dạng, vị trí trên trang, v.v.) đều được đảm nhận bởi ngôn ngữ HTML. Nhưng sau đó các nhà phát triển ngôn ngữ đã quyết định tách các chức năng này ra và tạo ra CSS. Theo đó, nhiều thẻ hoặc thuộc tính thẻ đã trở nên lỗi thời. Vì vậy, để không làm phiền bạn thông tin không cần thiết, V cuốn sách giáo khoa này Tôi cũng thay thế chúng bằng style, tức là thuộc tính style. Cú pháp chung của nó như sau:

<тег phong cách= "Thuộc tính CSS:giá trị">...

Sử dụng phong cách, bạn sẽ không mất gì cả, nhưng bạn sẽ học cách viết HTML thành thạo và như một phần thưởng, bạn cũng sẽ thành thạo một chút CSS.

Nhãn hoặc phải làm gì khi không có thẻ cần thiết

Chà, cho đến nay mọi thứ đã rõ ràng chưa? Được rồi, sau đó là một câu hỏi. Ví dụ, bạn sẽ làm gì nếu bạn không cần gạch bỏ toàn bộ đoạn văn mà chỉ gạch bỏ một nửa văn bản và không in đậm hoặc in nghiêng? Chà, đừng lo lắng, một thẻ rất tiện lợi và cần thiết sẽ giúp bạn ở đây.

Thế là gặp -.... Thẻ này cũng tích hợp (nội tuyến, cấp độ dòng) và có thể chứa bất kỳ thẻ tích hợp nào, nhưng đó không phải là điều chính. Riêng tôi , không có thuộc tính, không thêm bất kỳ thay đổi nào vào văn bản hoặc các thẻ bên trong nó. Và nó được tạo riêng cho các kiểu, về cơ bản là cho thuộc tính kiểu. Đó là nhờ thuộc tính này, hay đúng hơn là nó những nghĩa khác nhau, y một số tính chất nhất định xuất hiện. Thế là xong, bây giờ chúng ta cùng nghiên cứu một ví dụ.

Ví dụ về sử dụng thẻ SPAN

Văn bản thuần túy không có thay đổi.

Văn bản thường xuyên hơn. Căng thẳng. Đã gạch bỏ.

Kết quả trên trình duyệt

Văn bản thuần túy không có thay đổi.

Văn bản thường xuyên hơn. Căng thẳng. Đã gạch bỏ.

Thay đổi tên (kiểu chữ) của phông chữ

Bạn không biết tên phông chữ là gì? Chắc hẳn nhiều bạn đã ít nhất một lần gõ văn bản vào Phần mềm soạn thảo văn bản hoặc Nhà văn OpenOffice và thấy menu này:

Đây là tên của các phông chữ có sẵn trên máy tính của bạn và không chỉ được sử dụng bởi Word hoặc Writer mà còn được nhiều ứng dụng khác, bao gồm cả trình duyệt, sử dụng. Tên (kiểu chữ) của phông chữ xác định chính thiết kế của nó, giúp phân biệt phông chữ này với phông chữ khác.

Tôi thực sự không khuyên bạn nên sử dụng bất kỳ phông chữ kỳ lạ nào, vì chúng có thể không có trên máy tính của người truy cập trang web của bạn và sau đó thay vì các chữ cái, anh ta sẽ thấy nhiều ký hiệu hoặc hình vuông khó hiểu khác nhau. Dưới đây là danh sách các phông chữ phổ biến nhất mà hầu hết người dùng đều có trên máy tính của họ:

Theo mặc định, hầu hết tất cả các trình duyệt đều sử dụng phông chữ "Time New Roman" và để thay đổi phông chữ này, người ta sử dụng cùng một phông chữ thuộc tính phong cách, có thể áp dụng bên trong bất kỳ thẻ nào. Cú pháp chung để chỉ định là:

<тег phong cách= "họ phông chữ: tên phông chữ, họ">...

Nếu tên phông chữ bao gồm nhiều từ thì nó phải được đóng trong dấu nháy đơn. Được phép chỉ định không phải một mà là một số tên phông chữ được phân tách bằng dấu phẩy, sau đó, nếu phông chữ đầu tiên không có trên máy tính thì phông chữ thứ hai, thứ ba, v.v. Nhưng cuối cùng, hãy nhớ đặt tên của toàn bộ họ phông chữ, trong trường hợp này, nếu trình duyệt không phát hiện được một phông chữ nào, nó sẽ sử dụng phông chữ phù hợp nhất với họ này.

Để thay đổi phông chữ trên toàn bộ trang, chỉ cần chỉ định thuộc tính style trong thẻ . Và nếu bạn cần thay đổi phông chữ cho một phần văn bản riêng biệt thì hãy đặt nó vào một thẻ và áp dụng thuộc tính cho nó.

Ví dụ về thay đổi tên phông chữ

Đây là phông chữ Arial, nếu không có thì là Verdana, và nếu không có thì là bất kỳ phông chữ sans-serif nào khác.

Đây là Comic Sans MS hoặc bất kỳ chữ thảo nào.

Đây lại là Arial, Verdana hoặc bất kỳ sans-serif nào. Và đây là Courier hoặc bất kỳ không gian đơn nào.

Kết quả trên trình duyệt

Vâng, bạn đã tìm ra ví dụ chưa? Tôi sẽ làm rõ một điều, hiểu được điều này sẽ giúp cuộc sống của bạn dễ dàng hơn nhiều trong tương lai, mặc dù tôi nghĩ nhiều người đã đoán được. Vì vậy, nếu các thẻ được lồng vào nhau và một vài thẻ trong số chúng thực hiện các thay đổi cùng loại(ví dụ: họ thay đổi tên phông chữ), sau đó các thẻ con sẽ ghi đè lên các thuộc tính của thẻ tổ tiên. Nếu các thẻ lồng nhau triển khai những thay đổi khác nhau, thì chúng bổ sung cho nhau, thế thôi.

Thay đổi kích thước phông chữ

Ngôn ngữ HTML chỉ được giới hạn ở bảy kích thước phông chữ, bạn thấy đấy, kích thước này rất nhỏ đối với một trang web tốt. Đó là lý do tại sao mọi người đã sử dụng CSS để thay đổi kích thước từ lâu và bây giờ bạn cũng sẽ tìm hiểu về nó.

Có khoảng mười đơn vị đo lường trong CSS, nhưng chúng ta sẽ chỉ xem xét ba đơn vị đo lường phổ biến nhất - điểm (pt), pixel (px) và tỷ lệ phần trăm (%). Vì thế:

• điểm- Điểm. Một điểm bằng 1/72 inch và một inch là 2,54 cm. Do đó, 1pt = 0,03527778cm. Cái này giá trị tuyệt đối, vì kích thước được chỉ định trong điểm không phụ thuộc vào bất cứ điều gì.
• px- Điểm ảnh. Được đo bằng pixel màn hình máy tính. Pixel là điểm nhỏ nhất trên màn hình và nó là giá trị tương đối vì kích thước của nó phụ thuộc vào độ phân giải hiện tại màn hình và kích thước của màn hình.
• % - Quan tâm. Nó được tính theo tỷ lệ phần trăm, trong đó 100% được lấy làm giá trị của thẻ gốc và nếu nó không được chỉ định thì giá trị mặc định trong trình duyệt. Nó thật quá giá trị tương đối, vì kích thước phông chữ gốc có thể hoàn toàn khác nhau và người dùng có thể thoải mái thay đổi kích thước phông chữ trong trình duyệt.

Để chỉ định kích thước phông chữ, thuộc tính style được sử dụng và có thể được chỉ định bên trong bất kỳ thẻ nào. Cú pháp chung là:

<тег style="font-size:size">...

Cũng như tên phông chữ, để thay đổi cỡ chữ trên toàn bộ trang, chỉ cần chỉ định thuộc tính style trong thẻ . Và nếu bạn cần thay đổi phông chữ cho một đoạn văn bản thì hãy đặt nó vào một thẻ và áp dụng thuộc tính cho nó.

Ví dụ về thay đổi kích thước phông chữ

Cỡ chữ này bằng 90% kích thước mặc định của trình duyệt.

Kích thước này bằng 90% kích thước trong thẻ BODY.

Kích thước phông chữ tiêu đề là 120% kích thước CƠ THỂ.

Đây lại là 90% kích thước mặc định trong trình duyệt. Cỡ chữ này là 15 point.

Kết quả trên trình duyệt

Cỡ chữ này bằng 90% kích thước mặc định của trình duyệt.

Kích thước này bằng 90% kích thước CƠ THỂ.

Kích thước phông chữ tiêu đề là 120% kích thước CƠ THỂ.

Đây lại là 90% kích thước mặc định trong trình duyệt. Cỡ chữ này là 15 point.

Kích thước của phông chữ không chỉ phụ thuộc vào ký hiệu rõ ràng mà còn phụ thuộc vào tên (kiểu chữ) của nó - các phông chữ khác nhau có thể có chiều cao và chiều rộng hoàn toàn khác nhau của các chữ cái cũng như khoảng cách giữa các chữ cái.

Tìm hiểu thêm một chút về thuộc tính style

Đã đến lúc nói cho bạn biết một bí mật khác của thuộc tính tuyệt vời này, nhưng một lần nữa tôi sẽ hỏi bạn một câu hỏi trước. Bạn sẽ làm gì nếu phải đặt toàn bộ đoạn văn thành tên phông chữ Arial với kích thước 80%? Và tôi sẽ nói với bạn, bạn sẽ viết một cái gì đó như thế này:

Đoạn văn bản.

Đoạn văn bản.

Hoặc thậm chí như thế này.

Đoạn văn bản.

Tôi đã đúng? Chà, nếu hai tùy chọn đầu tiên đúng về nguyên tắc, thì tùy chọn cuối cùng thường là một lỗi, vì nếu bạn nhớ, một thẻ không thể có hai thuộc tính giống hệt nhau. Bây giờ là lúc cần nhớ rằng phong cách không chỉ là một thuộc tính mà còn là thuộc tính CSS. Nhìn này:

Đoạn văn bản.

Dễ dàng hơn nhiều phải không? Điều quan trọng nhất là đừng quên đặt dấu chấm phẩy (;) giữa các kiểu liền kề và đưa tất cả “kinh tế” này vào dấu ngoặc kép(" "), nếu không thì chỉ kiểu đầu tiên sẽ được áp dụng và trình duyệt sẽ bỏ qua phần còn lại. Chà, chúng ta luôn đặt dấu ngoặc kép, phải không?

Vì vậy, bài học này hóa ra rất căng thẳng, bài tập về nhà và nghỉ ngơi một chút.

Bài tập về nhà.

1. Tạo tiêu đề cho bài viết và hai phần của nó, nhưng cũng gạch chân các tiêu đề của phần đó.
2. Đảm bảo rằng khi bạn di chuột qua tiêu đề của bài viết, chú thích tương ứng sẽ xuất hiện.
3. Viết một đoạn ở đầu bài và hai đoạn ở mỗi phần.
4. Đặt toàn bộ trang thành phông chữ Arial ở mức 90% kích thước trình duyệt mặc định.
5. Đặt tất cả các tiêu đề thành phông chữ Times và đặt tiêu đề bài viết thành cỡ chữ 150% và các tiêu đề phụ thành 120%.
6. Đánh dấu hai từ trong đoạn đầu tiên in đậm và một chữ in nghiêng. Trong phần thứ hai - một cụm từ gồm nhiều từ in nghiêng đậm. Trong phần thứ ba, gạch dưới cụm từ in nghiêng. Ở phần thứ tư, gạch bỏ một nửa cụm từ in đậm.
7. Viết công thức rượu ở đoạn cuối: C 2 H 5 OH.

Tất cả chúng ta đều đã sử dụng trình soạn thảo nổi tiếng văn bản từ. Và chúng tôi biết rằng việc thay đổi phông chữ, kích thước và màu sắc của văn bản rất dễ dàng. Vì vậy, trong html bạn cũng có thể đặt các tham số này mà không gặp nhiều khó khăn. Có một thẻ cho việc này . Nó được ghép nối và do đó có thẻ đóng, vì trình duyệt cần hiểu phần đầu và phần cuối của văn bản mà chúng ta thay đổi tham số ở đâu. Nhãn có ba thuộc tính: khuôn mặt, kích thước và màu sắc, tương ứng chỉ định phông chữ, kích thước và màu sắc của văn bản. Trong hướng dẫn này, chúng ta sẽ xem xét kỹ hơn về phông chữ.