Nội dung

1. Định dạng
   1. Màu nền
   2. Liên kết
   3. Đối tượng nổi
      • Nổi một đối tượng
      • Tăng văn bản xung quanh một đối tượng
2. Phông chữ
   1. Các yếu tố phong cách phông chữ: TT, I, B, LỚN, Nhỏ, tấn công, S và các yếu tố U
   2. Các yếu tố sửa đổi phông chữ: Phông chữ và Basefont
3. Quy tắc: Phần tử nhân sự

Phần này của đặc điểm kỹ thuật thảo luận về một số yếu tố và thuộc tính HTML có thể được sử dụng để định dạng trực quan của các yếu tố. Nhiều người trong số họ không bị phản đối.

15.1 Định dạng

15.1.1 Màu nềnBackground color

Định nghĩa thuộc tính

bgcolor = color [ci] không dùng nữa. Thuộc tính này đặt màu nền cho cơ thể tài liệu hoặc ô bảng.Deprecated. This attribute sets the background color for the document body or table cells.

Thuộc tính này đặt màu nền của vải cho thân tài liệu (phần tử cơ thể) hoặc cho các bảng (bảng, TR, TH và các phần tử TD). Các thuộc tính bổ sung để chỉ định màu văn bản có thể được sử dụng với phần tử cơ thể.

Thuộc tính này đã được không phản đối trong việc ủng hộ các bảng phong cách để chỉ định thông tin màu nền.

15.1.2 Căn chỉnhAlignment

Có thể căn chỉnh các phần tử khối (bảng, hình ảnh, đối tượng, đoạn văn, v.v.) trên khung vẽ với thuộc tính căn chỉnh. Mặc dù thuộc tính này có thể được đặt cho nhiều phần tử HTML, nhưng phạm vi của các giá trị có thể đôi khi khác nhau từ phần tử này sang phần tử khác. Ở đây chúng tôi chỉ thảo luận về ý nghĩa của thuộc tính căn chỉnh cho văn bản.

Định nghĩa thuộc tính

Align = trái | Trung tâm | Phải | Biện minh [CI] không dùng nữa. Thuộc tính này chỉ định sự liên kết ngang của phần tử của nó đối với bối cảnh xung quanh. Những giá trị khả thi:Deprecated. This attribute specifies the horizontal alignment of its element with respect to the surrounding context. Possible values:

• Trái: Dòng văn bản được kết xuất Flush trái.
• Trung tâm: Dòng văn bản được tập trung.
• Phải: dòng văn bản được hiển thị Flush phải.
• Justify: Dòng văn bản được chứng minh cho cả hai lề.

Mặc định phụ thuộc vào hướng văn bản cơ sở. Đối với văn bản từ trái sang phải, mặc định là Align = trái, trong khi bên phải sang bên trái, mặc định là Align = RIGHT.

Ví dụ không dùng nữa: Ví dụ này tập trung một tiêu đề trên vải.
This example centers a heading on the canvas.

 How to Carve Wood 

Phong cách (thông tin phong cách nội tuyến)

 
 

 
 How to Carve Wood 

onclick, ondblclick, onmousedown, onmouseup, onmouseOver, onmousemove, onmouseOut, onkeypress, onkeydown, onkeyup (sự kiện nội tại)

 
 

 
 How to Carve Wood 

Ví dụ không dùng nữa: Tương tự, để căn chỉnh một đoạn trên khung vẽ với thuộc tính căn chỉnh của HTML mà bạn có thể có:
Similarly, to right align a paragraph on the canvas with HTML's align attribute you could have:

...Lots of paragraph text...

trong đó, với CSS, sẽ là:

 
 

 
...Lots of paragraph text...

Lang (Thông tin ngôn ngữ), Dir (hướng văn bản)
To right align a series of paragraphs, group them with the DIV element:

 
...text in first paragraph...
 
...text in second paragraph...
 
...text in third paragraph...

Với CSS, thuộc tính văn bản-Align được kế thừa từ phần tử cha, do đó bạn có thể sử dụng:

 
 

 

  
...text in first paragraph...
  
...text in second paragraph...
  
...text in third paragraph...
 

Để tập trung toàn bộ tài liệu với CSS:

 
 

 ...the body is centered...

Phần tử trung tâm hoàn toàn tương đương với việc chỉ định phần tử Div với thuộc tính Align được đặt thành "Trung tâm". Các yếu tố trung tâm không được dùng cho.The CENTER element is deprecated.

Phong cách (thông tin phong cách nội tuyến)

Hình ảnh và đối tượng có thể xuất hiện trực tiếp "nội tuyến" hoặc có thể được thả nổi ở một bên của trang, tạm thời thay đổi lề của văn bản có thể chảy ở hai bên của đối tượng.

Float một đối tượng & nbsp; 

Thuộc tính căn chỉnh cho các đối tượng, hình ảnh, bảng, khung, v.v., khiến đối tượng nổi lên bên trái hoặc bên phải. Các đối tượng nổi thường bắt đầu một dòng mới. Thuộc tính này lấy các giá trị sau:

• Bên trái: Nổi đối tượng đến lề bên trái hiện tại. Văn bản tiếp theo chảy dọc theo phía bên phải của hình ảnh.
• Phải: nổi đối tượng vào lề phải hiện tại. Văn bản tiếp theo chảy dọc theo phía bên trái của hình ảnh.

Ví dụ không dùng nữa: Ví dụ sau đây cho thấy cách nổi phần tử IMG vào lề bên trái của khung vẽ.
The following example shows how to float an IMG element to the current left margin of the canvas.

Một số thuộc tính căn chỉnh cũng cho phép giá trị "trung tâm", không gây ra nổi, nhưng tập trung vào đối tượng trong lề hiện tại. Tuy nhiên, đối với P và Div, giá trị "trung tâm" khiến nội dung của phần tử được tập trung.

Văn bản nổi xung quanh một đối tượng & nbsp; 

Một thuộc tính khác, được xác định cho phần tử BR, điều khiển luồng văn bản xung quanh các đối tượng nổi. text flow around floating objects.

Định nghĩa thuộc tính

Rõ ràng = Không có | Trái | Phải | Tất cả [CI] không dùng nữa. Chỉ định nơi dòng tiếp theo sẽ xuất hiện trong trình duyệt trực quan sau khi ngắt dòng gây ra bởi yếu tố này. Thuộc tính này tính đến các đối tượng nổi (hình ảnh, bảng, v.v.). Những giá trị khả thi:Deprecated. Specifies where the next line should appear in a visual browser after the line break caused by this element. This attribute takes into account floating objects (images, tables, etc.). Possible values:

• Không: Dòng tiếp theo sẽ bắt đầu bình thường. Đây là giá trị mặc định.
• Bên trái: Dòng tiếp theo sẽ bắt đầu ở dòng gần nhất bên dưới bất kỳ đối tượng nổi nào ở rìa bên trái.
• Phải: Dòng tiếp theo sẽ bắt đầu ở dòng gần nhất bên dưới bất kỳ đối tượng nổi nào ở lề bên phải.
• Tất cả: Dòng tiếp theo sẽ bắt đầu ở dòng gần nhất bên dưới bất kỳ đối tượng nổi nào trên lề.

Phong cách (thông tin phong cách nội tuyến)

*********  -------
|       |  -------
| image |  --

|       |
*********

onclick, ondblclick, onmousedown, onmouseup, onmouseOver, onmousemove, onmouseOut, onkeypress, onkeydown, onkeyup (sự kiện nội tại)

 
 

 
 How to Carve Wood 

0

Ví dụ không dùng nữa: Nếu thuộc tính rõ ràng được đặt sang trái hoặc tất cả, dòng tiếp theo sẽ xuất hiện như sau:
If the clear attribute is set to left or all, the next line will appear as follows:

 
 

 
 How to Carve Wood 

1

Sử dụng các bảng kiểu, bạn có thể chỉ định rằng tất cả các giao dịch đường dây nên hoạt động theo cách này cho các đối tượng (hình ảnh, bảng, v.v.) trôi nổi so với lề trái. Với CSS, bạn có thể đạt được điều này như sau:

 
 

 
 How to Carve Wood 

2

Để chỉ định hành vi này cho một thể hiện cụ thể của phần tử BR, bạn có thể kết hợp thông tin kiểu và thuộc tính ID:

 
 

 
 How to Carve Wood 

3

15,2 phông chữFonts

Các yếu tố HTML sau đây chỉ định thông tin phông chữ. Mặc dù chúng không phải là tất cả không được phản đối, việc sử dụng chúng không được khuyến khích trong việc ủng hộ các bảng phong cách.

15.2.1 Các yếu tố kiểu phông chữ: Các yếu tố TT, I, B, Lớn, Nhỏ, tấn công, S và U

Thẻ bắt đầu: Yêu cầu, Thẻ kết thúc: Yêu cầurequired, End tag: required

Thuộc tính được xác định ở nơi khác

• ID, lớp (định danh toàn tài liệu)
• Lang (Thông tin ngôn ngữ), Dir (hướng văn bản)
• Tiêu đề (Tiêu đề Element)
• Phong cách (thông tin phong cách nội tuyến)
• onclick, ondblclick, onmousedown, onmouseup, onmouseOver, onmousemove, onmouseOut, onkeypress, onkeydown, onkeyup (sự kiện nội tại)

Kết xuất các yếu tố kiểu phông chữ phụ thuộc vào tác nhân người dùng. Sau đây chỉ là một mô tả thông tin.

TT: hiển thị dưới dạng văn bản teletype hoặc monospace.i: hiển thị dưới dạng văn bản in nghiêng.b: hiển thị dưới dạng văn bản đậm : Khấu hao. Kết xuất văn bản phong cách tấn công. Kết xuất văn bản gạch chân. Hiển thị dưới dạng văn bản teletype hoặc monospace.i: hiển thị dưới dạng văn bản in nghiêng.b: hiển thị dưới dạng văn bản in đậm.big: hiển thị văn bản trong một phông chữ "lớn". . Kết xuất văn bản phong cách tấn công. Kết xuất văn bản gạch chân.I: Kết xuất như kiểu văn bản in nghiêng.B: RENDERS NHƯ Kiểu văn bản táo bạo.Big: Renders văn bản trong một phông chữ "lớn". Kết xuất văn bản phong cách tấn công. Kết xuất văn bản gạch chân.Lang (Thông tin ngôn ngữ), Dir (hướng văn bản) Phong cách (thông tin phong cách nội tuyến) Hiển thị dưới dạng kiểu văn bản táo bạo.big: hiển thị văn bản trong một phông chữ "lớn" .Small: hiển thị văn bản trong một phông chữ "nhỏ" và s: không dùng nữa. Kết xuất văn bản phong cách tấn công. Kết xuất văn bản gạch chân.Lớn: hiển thị văn bản trong một phông chữ "lớn" .Small: hiển thị văn bản trong một phông chữ "nhỏ" "và s: không dùng nữa. Kết xuất văn bản phong cách tấn công. Kết xuất văn bản gạch chân. Hiển thị văn bản trong một phông chữ "lớn" .Small: hiển thị văn bản trong một phông chữ "nhỏ ".Strike và s: không dùng nữa. Kết xuất văn bản phong cách tấn công. Kết xuất văn bản gạch chân.Nhỏ: Kết xuất văn bản trong một phông chữ "nhỏ" và s: không dùng nữa. Kết xuất văn bản phong cách tấn công. Kết xuất văn bản gạch chân. Hiển thị văn bản trong một phông chữ "nhỏ" và s: không dùng nữa. Kết xuất văn bản phong cách tấn công. Kết xuất văn bản gạch chân.Strike và S: Khấu hao. Kết xuất văn bản phong cách tấn công. Kết xuất văn bản gạch chân. và s: không dùng nữa. Kết xuất văn bản phong cách tấn công. Kết xuất văn bản gạch chân. ID, lớp (định danh toàn tài liệu) Phản đối. Kết xuất văn bản phong cách tấn công. Kết xuất văn bản gạch chân. Kết xuất văn bản phong cách tấn công. Kết xuất văn bản gạch chân.U: Không dùng nữa. Kết xuất văn bản gạch chân. Phản đối. Kết xuất văn bản gạch chân. Phản đối. Kết xuất văn bản gạch chân.

Phong cách (thông tin phong cách nội tuyến)

 
 

 
 How to Carve Wood 

4

onclick, ondblclick, onmousedown, onmouseup, onmouseOver, onmousemove, onmouseOut, onkeypress, onkeydown, onkeyup (sự kiện nội tại)

Có thể đạt được nhiều loại hiệu ứng phông chữ phong phú hơn nhiều bằng cách sử dụng các bảng phong cách. Để chỉ định màu xanh, văn bản in nghiêng trong một đoạn văn với CSS:

 
 

 
 How to Carve Wood 

5

Các yếu tố phong cách phông chữ phải được lồng đúng. Kết xuất các yếu tố kiểu phông chữ lồng nhau phụ thuộc vào tác nhân người dùng.

15.2.2 Các yếu tố sửa đổi phông chữ: Phông chữ và Basefont

Phông chữ và Basefont không được dùng.

Xem DTD chuyển tiếp cho định nghĩa chính thức.

Định nghĩa thuộc tính

Kích thước & nbsp; = CDATA [CN] không dùng nữa. Thuộc tính này đặt kích thước của phông chữ. Những giá trị khả thi:Deprecated. This attribute sets the size of the font. Possible values:

• Một số nguyên từ 1 đến 7. Điều này đặt phông chữ ở một số kích thước cố định, có kết xuất phụ thuộc vào tác nhân người dùng. Không phải tất cả các tác nhân người dùng có thể hiển thị tất cả bảy kích thước.
• Một sự gia tăng tương đối về kích thước phông chữ. Giá trị "+1" có nghĩa là một kích thước lớn hơn. Giá trị "-3" có nghĩa là ba kích thước nhỏ hơn. Tất cả các kích thước thuộc quy mô từ 1 đến 7.

màu = màu [ci] không dùng nữa. Thuộc tính này đặt màu văn bản.face = cdata [ci] không dùng nữa. Thuộc tính này xác định danh sách các tên phông chữ được phân tách bằng dấu phẩy mà tác nhân người dùng nên tìm kiếm theo thứ tự ưu tiên.Deprecated. This attribute sets the text color.face = cdata [CI] Deprecated. This attribute defines a comma-separated list of font names the user agent should search for in order of preference.

Phần tử phông chữ thay đổi kích thước phông chữ và màu cho văn bản trong nội dung của nó.

Phần tử basefont đặt kích thước phông chữ cơ sở (sử dụng thuộc tính kích thước). Thay đổi kích thước phông chữ đạt được với phông chữ liên quan đến kích thước phông chữ cơ sở được đặt bởi basefont. Nếu BaseFont không được sử dụng, kích thước phông chữ cơ sở mặc định là 3.

Ví dụ không dùng nữa: Ví dụ sau đây sẽ hiển thị sự khác biệt giữa bảy kích thước phông chữ có sẵn với phông chữ:
The following example will show the difference between the seven font sizes available with FONT:

 
 

 
 How to Carve Wood 

6

Điều này có thể được hiển thị như:

Sau đây cho thấy một ví dụ về hiệu ứng của kích thước phông chữ tương đối bằng cách sử dụng kích thước phông chữ cơ sở là 3:

Kích thước phông chữ cơ sở không áp dụng cho các tiêu đề, ngoại trừ khi chúng được sửa đổi bằng cách sử dụng phần tử phông chữ với thay đổi kích thước phông chữ tương đối.

15.3 Quy tắc: Phần tử nhân sựRules: the HR element

Thẻ bắt đầu: Yêu cầu, Thẻ kết thúc: Cấmrequired, End tag: forbidden

Định nghĩa thuộc tính

Align = trái | Trung tâm | Phải [CI] không dùng nữa. Thuộc tính này chỉ định sự liên kết ngang của quy tắc đối với bối cảnh xung quanh. Những giá trị khả thi:Deprecated. This attribute specifies the horizontal alignment of the rule with respect to the surrounding context. Possible values:

• Bên trái: Quy tắc được đưa ra bên trái.
• Trung tâm: Quy tắc là trung tâm.
• Phải: Quy tắc được đưa ra Flush phải.

Mặc định là ALIGN = Center.

Noshade [CI] không dùng nữa. Khi được thiết lập, thuộc tính Boolean này yêu cầu tác nhân người dùng đưa ra quy tắc theo màu rắn chứ không phải là "rãnh" hai màu truyền thống .size = pixel [CI] không dùng nữa. Thuộc tính này chỉ định chiều cao của quy tắc. Giá trị mặc định cho thuộc tính này phụ thuộc vào tác nhân người dùng. Thuộc tính này chỉ định chiều rộng của quy tắc. Chiều rộng mặc định là 100%, tức là, quy tắc mở rộng trên toàn bộ khung vẽ.Deprecated. When set, this boolean attribute requests that the user agent render the rule in a solid color rather than as the traditional two-color "groove".size = pixels [CI]Deprecated. This attribute specifies the height of the rule. The default value for this attribute depends on the user agent.width = length [CI]Deprecated. This attribute specifies the width of the rule. The default width is 100%, i.e., the rule extends across the entire canvas.

Thuộc tính được xác định ở nơi khác

• ID, lớp (định danh toàn tài liệu)
• Lang (Thông tin ngôn ngữ), Dir (hướng văn bản)
• Tiêu đề (Tiêu đề Element)
• Phong cách (thông tin phong cách nội tuyến)
• onclick, ondblclick, onmousedown, onmouseup, onmouseOver, onmousemove, onmouseOut, onkeypress, onkeydown, onkeyup (sự kiện nội tại)

Phần tử HR gây ra một quy tắc ngang được hiển thị bởi các tác nhân người dùng trực quan.

Lượng không gian dọc được chèn giữa một quy tắc và nội dung xung quanh nó phụ thuộc vào tác nhân người dùng.

Ví dụ không dùng nữa: Ví dụ này tập trung các quy tắc, định cỡ chúng thành một nửa chiều rộng có sẵn giữa các lề.Quy tắc trên cùng có độ dày mặc định trong khi hai dưới cùng được đặt thành 5 pixel.Quy tắc dưới cùng phải được hiển thị trong một màu rắn mà không có bóng râm:
This example centers the rules, sizing them to half the available width between the margins. The top rule has the default thickness while the bottom two are set to 5 pixels. The bottom rule should be rendered in a solid color without shading:

 
 

 
 How to Carve Wood 

7

Các quy tắc này có thể được đưa ra như sau:

Làm thế nào để bạn cung cấp căn chỉnh trong HTML?

Làm cách nào để đặt căn chỉnh sang phải trong HTML?

Văn bản căn chỉnh trong HTML là gì?