Dòng ngang HTML: Mẹo chính

• HTML & lt; hr & gt; thêm phân chia theo chủ đề giữa các phần tử cấp đoạn.
• Phần tử này tạo một đường ngang , tạo sự phân chia trong nội dung.
• Thẻ HTML & lt; hr & gt; không có thẻ đóng vì nó không chứa bất kỳ nội dung nào.

Mục đích của hr

Phần tử HTML & lt; hr & gt; xác định sự phân chia theo chủ đề giữa nội dung bằng cách vẽ một đường ngang HTML.

Ví dụ

  
 & lt; 
 h1 
 & gt; 
 Hệ điều hành 
 & lt; / 
 h1 
 & gt; 

 & lt; 
 h2 
 & gt; 
 Mac OS 
 & lt; / 
 h2 
 & gt; 

 & lt; 
 p 
 & gt; 
 Hệ điều hành máy tính cá nhân được phát triển và tiếp thị bởi Apple Inc. 
 & lt; / 
 p 
 & gt; 

 & lt; 
 h 
 & gt; 

 & lt; 
 h2 
 & gt; 
 Windows 
 & lt; / 
 h2 
 & gt; 

 & lt; 
 p 
 & gt; 
 Hệ điều hành máy tính cá nhân do Tập đoàn Microsoft phát triển, tiếp thị và bán. 
 & lt; / 
 p 
 & gt; 
  

Hãy dùng thử Trực tiếp Tìm hiểu trên Udacity

Lưu ý: & lt; hr & gt; xác định quy tắc ngang trong các phiên bản HTML trước đó. Trong HTML5, nó được thêm vào các phần tử ngữ nghĩa để thể hiện dấu ngắt theo chủ đề.

Ưu điểm

• Thiết kế đơn giản (không có thông tin không cần thiết)
• Các khóa học chất lượng cao (đồng đều những cái miễn phí)
• Nhiều tính năng khác nhau

Các tính năng chính

• Các chương trình nanodegree
• Thích hợp cho doanh nghiệp
• Chứng chỉ hoàn thành trả phí

ĐỘC QUYỀN: GIẢM GIÁ 75% Ưu điểm

• Dễ dàng điều hướng
• Không có vấn đề kỹ thuật
• Có vẻ quan tâm đến người dùng của mình

Các tính năng chính

• Rất nhiều khóa học
• Chính sách hoàn tiền trong 30 ngày
• Chứng chỉ hoàn thành miễn phí

NHƯ THẤP NHƯ 12,99 đô la Ưu điểm

• Trải nghiệm người dùng tuyệt vời
• Cung cấp nội dung chất lượng
• Giá cả rất minh bạch

Các tính năng chính

• Chứng chỉ hoàn thành miễn phí
• Tập trung vào các kỹ năng về khoa học dữ liệu
• Thời gian biểu học tập linh hoạt

GIẢM GIÁ 75%

Thuộc tính không được dùng nữa cho hr

căn chỉnh

Nó đặt căn chỉnh theo chiều ngang của phần tử. Không được hỗ trợ trong HTML5. Sử dụng thuộc tính CSS text-align để thay thế.

Ví dụ

  
 & lt; 
 h1 
 & gt; 
 Hệ điều hành 
 & lt; / 
 h1 
 & gt; 

 & lt; 
 h2 
 & gt; 
 Mac OS 
 & lt; / 
 h2 
 & gt; 

 & lt; 
 p 
 & gt;
 Hệ điều hành máy tính cá nhân được phát triển và tiếp thị bởi Apple Inc. 
 & lt; / 
 p 
 & gt; 

 & lt; 
 hr 
 
 align 
 = 
" left "
 
 width 
 = 
" 50% "
 & gt; 

 & lt; 
 h2 
 & gt; 
 Windows 
 & lt; / 
 h2 
 & gt; 

 & lt; 
 p 
 & gt; 
 Hệ điều hành máy tính cá nhân do Tập đoàn Microsoft phát triển, tiếp thị và bán. 
 & lt; / 
 p 
 & gt; 
  

Dùng thử Trực tiếp Tìm hiểu trên Udacity

noshade

Nó đặt đường ngang trong HTML thành một màu đồng nhất, thay vì hiệu ứng bóng đổ. Không được hỗ trợ trong HTML5.

Ví dụ

  
 & lt; 
 h1 
 & gt; 
 Hệ điều hành 
 & lt; / 
 h1 
 & gt; 

 & lt; 
 h2 
 & gt; 
 Mac OS 
 & lt; / 
 h2 
 & gt; 

 & lt; 
 p 
 & gt; 
 Hệ điều hành máy tính cá nhân được phát triển và tiếp thị bởi Apple Inc. 
 & lt; / 
 p 
 & gt; 

 & lt; 
 hr 
 
 noshade 
 & gt; 

 & lt; 
 h2 
 & gt; 
 Windows 
 & lt; / 
 h2 
 & gt; 

 & lt; 
 p 
 & gt; 
 Hệ điều hành máy tính cá nhân do Tập đoàn Microsoft phát triển, tiếp thị và bán. 
 & lt; / 
 p 
 & gt; 
  

Dùng thử Trực tiếp Tìm hiểu về Udacity

size

Nó đặt chiều cao của phần tử. Không được hỗ trợ trong HTML5. Thay vào đó, hãy áp dụng thuộc tính CSS height .

Ví dụ

  
 & lt; 
 h1 
 & gt; 
 Hệ điều hành 
 & lt; / 
 h1 
 & gt; 

 & lt; 
 h2 
 & gt; 
 Mac OS 
 & lt; / 
 h2 
 & gt; 

 & lt; 
 p 
 & gt; 
 Hệ điều hành máy tính cá nhân được phát triển và tiếp thị bởi Apple Inc. 
 & lt; / 
 p 
 & gt; 

 & lt; 
 hr 
 
 noshade 
 
 kích thước 
 = 
" 20 "
 & gt; 

 & lt; 
 h2 
 & gt; 
 Windows 
 & lt; / 
 h2 
 & gt; 

 & lt; 
 p 
 & gt; 
 Hệ điều hành máy tính cá nhân do Tập đoàn Microsoft phát triển, tiếp thị và bán. 
 & lt; / 
 p 
 & gt; 
  

Dùng thử Trực tiếp Tìm hiểu trên Udacity

width

Nó đặt chiều rộng của đường ngang trong HTML. Không được hỗ trợ trong HTML5. Thay vào đó, hãy sử dụng thuộc tính CSS width .

Ví dụ

  
 & lt; 
 h1 
 & gt; 
 Hệ điều hành 
 & lt; / 
 h1 
 & gt; 

 & lt; 
 h2 
 & gt; 
 Mac OS 
 & lt; / 
 h2 
 & gt; 

 & lt; 
 p 
 & gt; 
 Hệ điều hành máy tính cá nhân được phát triển và tiếp thị bởi Apple Inc. 
 & lt; / 
 p 
 & gt; 

 & lt; 
 hr 
 
 width 
 = 
" 250 "
 & gt; 

 & lt; 
 h2 
 & gt; 
 Windows 
 & lt; / 
 h2 
 & gt; 

 & lt; 
 p 
 & gt; 
 Hệ điều hành máy tính cá nhân do Tập đoàn Microsoft phát triển, tiếp thị và bán. 
 & lt; / 
 p 
 & gt; 
  

Dùng thử Trực tiếp Tìm hiểu trên Udacity

Hỗ trợ trình duyệt

< / h2>

Chrome

Tất cả

< img alt = "Hình ảnh trình duyệt" class = "browser-image" height = "50" src = "https://www.bitdegree.org/learn/assets/b browser/edge-logo.jpg" width = "50" / >

Cạnh

Tất cả

Firefox

1+

IE

Tất cả

Opera

Tất cả

Safari

Tất cả

Hỗ trợ trình duyệt trên thiết bị di động

Chrome

Tất cả

Firefox

4+

Opera

Tất cả

Safari

Tất cả