Trong HTML, chúng ta có thể dễ dàng thêm đường ngang trong tài liệu bằng cách sử dụng các cách khác nhau sau:
- Sử dụng thẻ HTML
- Sử dụng CSS nội bộ
Sử dụng HTML
Nếu chúng ta muốn thêm dòng ngang trong tài liệu HTML bằng thẻ HTML, thì chúng ta phải làm theo các bước được đưa ra dưới đây. Sử dụng các bước này, chúng ta có thể dễ dàng thêm dòng:
Bước 1: Trước hết, chúng tôi phải nhập mã HTML trong bất kỳ trình soạn thảo văn bản nào hoặc mở tệp HTML hiện có trong trình soạn thảo văn bản trong đó chúng tôi muốn thêm dòng ngang. Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want to add the horizontal line.
Bước 2: Bây giờ, đặt con trỏ tại điểm mà chúng tôi muốn thêm dòng trong tài liệu HTML. Và, sau đó chúng ta phải sử dụng thẻ của HTML tại thời điểm đó. Now, place the cursor at the point where we want to add the line in the Html document. And, then we have to use the tag of Html at that point.
Bước 3: Bây giờ, chúng ta phải thêm các thuộc tính của TAG, xác định kích thước, màu sắc và chiều rộng của một dòng. Vì vậy, chúng ta phải nhập thuộc tính kích thước, chiều rộng và màu trong thẻ. Now, we have to add the attributes of tag, which define the size, color and width of a line. So, we have to type the size, width, and color attribute within the tag.
Bước 4: Và, sau đó chúng ta phải chỉ định các giá trị của các thuộc tính này. And, then we have to specify the values of these attributes.
Bước 5: Và cuối cùng, chúng ta phải lưu mã HTML và sau đó chạy tệp trong trình duyệt. And, at last, we have to save the Html code and then run the file in the browser.
Kiểm tra nó ngay bây giờĐầu ra của mã HTML trên được hiển thị trong ảnh chụp màn hình sau:
Sử dụng CSS nội bộ
Sử dụng HTML
Bước 1: Trước hết, chúng tôi phải nhập mã HTML trong bất kỳ trình soạn thảo văn bản nào hoặc mở tệp HTML hiện có trong trình soạn thảo văn bản trong đó chúng tôi muốn thêm dòng ngang. Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want to add the horizontal line.
Bước 2: Bây giờ, đặt con trỏ tại điểm mà chúng tôi muốn thêm dòng trong tài liệu HTML. Và, sau đó chúng ta phải sử dụng thẻ của HTML tại thời điểm đó. Now, we have to place the cursor just after the closing of title tag in the head tag of the Html document and then define the styles inside the tag as shown in the following block. And, then we have to type the hr CSS tag for styling the horizontal line.
Bước 3: Bây giờ, chúng ta phải thêm các thuộc tính của TAG, xác định kích thước, màu sắc và chiều rộng của một dòng. Vì vậy, chúng ta phải nhập thuộc tính kích thước, chiều rộng và màu trong thẻ. Now, we have to define the attributes of hr CSS tag. So, we will define the different attributes in the following block:
Bước 4: Và, sau đó chúng ta phải chỉ định các giá trị của các thuộc tính này. Now, we have to type the tag in the body of the Html document to show the horizontal line on the web page. And, at last, we have to save the Html file and then run the file in the Internet browser.
Đầu ra của mã HTML trên được hiển thị trong ảnh chụp màn hình sau:
Thí dụ
Căn chỉnh một phần tử [với CSS]:
Bước 3: Bây giờ, chúng ta phải xác định các thuộc tính của thẻ HR CSS. Vì vậy, chúng tôi sẽ xác định các thuộc tính khác nhau trong khối sau:
Một Noshaded [với CSS]:
Thí dụ
Một Noshaded [với CSS]:
Thí dụ
Một Noshaded [với CSS]:
Hãy tự mình thử »
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Thẻ xác định một lỗi theo chủ đề trong trang HTML [ví dụ: sự thay đổi của chủ đề].
Phần tử thường được hiển thị như một quy tắc ngang được sử dụng để tách nội dung [hoặc xác định thay đổi] trong trang HTML.
Hỗ trợ trình duyệt
| Định nghĩa và cách sử dụng | Đúng | Đúng | Đúng | Đúng | Đúng |
Thuộc tính toàn cầu
Thẻ cũng hỗ trợ các thuộc tính toàn cầu trong HTML.
Thuộc tính sự kiện
Thẻ cũng hỗ trợ các thuộc tính sự kiện trong HTML.
Nhiều ví dụ hơn
Thí dụ
Căn chỉnh một phần tử [với CSS]:
Thí dụ
Hãy tự mình thử »
Thí dụ
Căn chỉnh một phần tử [với CSS]:
Thí dụ
Hãy tự mình thử »
Thí dụ
Căn chỉnh một phần tử [với CSS]:
Thí dụ
Hãy tự mình thử »
Thí dụ
Căn chỉnh một phần tử [với CSS]:
Thí dụ
Hãy tự mình thử »
Một Noshaded [với CSS]:
Đặt chiều cao của một phần tử [có CSS]:
Đặt chiều rộng của một phần tử [với CSS]:
Các trang liên quan
Thí dụ
Căn chỉnh một phần tử [với CSS]:
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}
Hãy tự mình thử »