Trang trí của một trang web và kích thước phông chữ trong HTML

Bắt đầu từ các nhà thiết kế web sẽ rất hữu ích để biết về cách thiết kế văn bản của trang web. Chúng bao gồm sắp xếp, màu sắc, cỡ chữ và nhiều hơn nữa.

Một số thẻ gắn với định dạng. Phổ biến nhất được sử dụng "p" - đoạn văn. Nó có các thông số tùy chọn chỉ định sự xuất hiện của văn bản.

Tham số đầu tiên và chính là "căn chỉnh". Nó xác định sự liên kết của văn bản và có thể lấy các giá trị "left", "right", "center" và "justify" Căn chỉnh ở bên trái, bên phải, trung tâm và dọc theo toàn bộ chiều rộng của khối, tương ứng. Lưu ý rằng vị trí của văn bản không được đặt đối với các đường viền màn hình, nhưng trong đoạn văn.

Tiếp theo là tham số "class" và "id", xác định lớp đối tượng thuộc về và định danh của nó, bao gồm thuộc tính "style" - Nó thiết lập được xây dựng theo phong cách khối. Tất cả các thuộc tính này liên quan đến CSS, chúng ta sẽ thảo luận dưới đây.

Thẻ "p" Có một nhược điểm - với sự giúp đỡ của nó bạn không thể thiết lập sự xuất hiện của phông chữ, ví dụ như màu sắc hoặc kích thước của nó. Với những mục đích này, một thẻ khác được dự định - "phông chữ". Tất cả các thông số của nó xác định cách văn bản sẽ trông như thế nào.

Thuộc tính đầu tiên của thẻ này là "màu". Như bạn đã đoán, màu sắc được đặt trong đó. Tham số này có thể lấy cả hai tên ("trắng", "vàng", "đỏ tươi"), và các giá trị trong hệ thống RGB. Điều này được thực hiện như sau: đầu tiên đặt dấu #, và sau đó chỉ định ba số trong ký tự thập lục phân từ 00 đến ff hoặc từ 0 đến 255 - thập phân - số màu đỏ, xanh lá cây và màu xanh trong màu cuối cùng. Ví dụ: để sử dụng màu đỏ, bạn cần phải viết "# ff0000", màu vàng - "# ffff00".

Thuộc tính tiếp theo là "mặt". Nó định nghĩa bộ tai nghe phông chữ. Ví dụ: bạn có thể đặt nó là "Times New Roman" hoặc "Tahoma".

Và, cuối cùng, tham số "size" có trách nhiệm cho kích thước font trong HTML. Phải có một giá trị số - một kích cỡ.

Ví dụ: để in văn bản màu xanh và phông chữ "Comic Sans MS" của pin fifteenth, bạn cần phải xác định thẻ "p" với các thông số:

Color = "# 6666ff" face = "Comic Sans MS" size = "15"

Ngoài ra còn có một số thẻ cho phép bạn chỉ định một kiểu định dạng cụ thể: "b" - đậm, "i" - nghiêng, "u" - gạch dưới. Tất cả chúng đều không có tham số.

Chỉ định các thuộc tính của văn bản trong HTML - kích thước phông chữ, tai nghe - là khá bất tiện. Hãy tưởng tượng rằng bạn cần phải thay thế các khối với thiết kế văn bản khác nhau. Sau đó, để mỗi thẻ bạn sẽ phải xác định cùng một thuộc tính. Nhiều thuận tiện hơn nó có thể được thực hiện bằng CSS-cascading styles sheets. Ví dụ: để tạo lớp ảnh gọi là "myclass" với cùng thiết kế như trong ví dụ trước, hãy thêm dòng sau vào thẻ "style":

#myclass {font: rgb (102.102.255) "Comic Sans MS" 15pt;}

Ở đây "rgb (102.102.255)" đặt màu "Comic Sans MS" - tai nghe và "15pt" - kích thước phông chữ. Màu sắc cũng có thể được cung cấp bởi tên, và phông chữ - trong cả hai chân và điểm ảnh (cho việc này bạn cần phải viết, ví dụ, "20px").

Để áp dụng thiết kế này, bạn cần phải viết trong thẻ "p":

Class = "myclass"

Trong cùng một cách, bạn có thể vẽ bất kỳ văn bản khác. Nó là đủ để thiết lập các thông số "lớp học" Với giá trị của lớp mà bạn muốn sử dụng.

Và để tạo ra một định danh có tên "myid", bạn cần phải viết theo "phong cách":

#myid {font: rgb (102,102,255) "Comic Sans MS" 15pt;},

Và trong thẻ "p" thiết lập thuộc tính "id" với giá trị "myid".

Lớp học và số nhận dạng thực tế giống nhau. Trong trường hợp này, một thẻ có thể được khai báo là đầu tiên hoặc thứ hai:

Class = "myclass" id = "myid"

Có hai cách để thay đổi sự xuất hiện của văn bản - HTML và CSS. Nếu bạn cần thiết kế một hoặc hai khối, sau đó sử dụng HTML. Và đối với một số lượng lớn các đoạn văn có cùng định dạng, CSS sẽ thuận tiện hơn.

Như bạn thấy, không khó để thay đổi kích thước phông chữ trong HTML. Điều chính trong chương trình là thực hành, vì vậy hãy cố gắng tập luyện nhiều hơn, và bạn sẽ thành công!