Hướng dẫn what is a line called in html? - một dòng được gọi là gì trong html?

Hướng dẫn what is a line called in html? - một dòng được gọi là gì trong html?

Bạn có thể sử dụng thẻ HTML


để tách các chủ đề khác nhau trên một trang.

Chúng tôi thường sử dụng thẻ này khi chúng tôi muốn tạo một ngắt chủ đề hoặc các mục riêng biệt trên trang HTML.

Trong bài viết này, bạn sẽ tìm hiểu cách sử dụng thẻ này trong mã HTML của mình.

Mục lục

  • Cú pháp cơ bản
  • Thuộc tính của thẻ
  • Thuộc tính chiều rộng
  • Thuộc tính màu
  • Thuộc tính kích thước
  • Thuộc tính căn chỉnh
  • Sự kết luận

Cú pháp cơ bản

Thuộc tính của thẻ


Thuộc tính chiều rộng

Thuộc tính màu

Hướng dẫn what is a line called in html? - một dòng được gọi là gì trong html?

Thuộc tính của thẻ

Thuộc tính chiều rộng

Thuộc tính màu

body {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }

Thuộc tính chiều rộng

Thuộc tính màu


Hướng dẫn what is a line called in html? - một dòng được gọi là gì trong html?

Thuộc tính màu

Thuộc tính kích thước

    

Thuộc tính căn chỉnh

Hướng dẫn what is a line called in html? - một dòng được gọi là gì trong html?

Thuộc tính kích thước

Thuộc tính căn chỉnh


Sự kết luận

Hướng dẫn what is a line called in html? - một dòng được gọi là gì trong html?

Thuộc tính căn chỉnh

Sự kết luận

Thẻ


là một yếu tố trống. Điều này có nghĩa là nó chỉ có thẻ mở,
.

    

Bắt đầu từ HTML5, bây giờ chúng ta cần gắn một dấu gạch chéo vào thẻ của một phần tử trống. Vì vậy, thay vì chỉ có


, bạn nên làm cho nó
.
Hướng dẫn what is a line called in html? - một dòng được gọi là gì trong html?

Sự kết luận

Thẻ


là một yếu tố trống. Điều này có nghĩa là nó chỉ có thẻ mở,
.

Bắt đầu từ HTML5, bây giờ chúng ta cần gắn một dấu gạch chéo vào thẻ của một phần tử trống. Vì vậy, thay vì chỉ có


, bạn nên làm cho nó
.

Trong các trình duyệt, thẻ


được hiển thị dưới dạng quy tắc hoặc dòng ngang, như thế này:

Thẻ


chấp nhận các thuộc tính như

4,

5,

6 và

7.



Trước khi cho bạn thấy các thuộc tính riêng lẻ trông như thế nào và hoạt động, tôi sẽ đặt mọi thứ trong cơ thể để tập trung với mã CSS này:

Mã HTML cho một dòng là gì?

  1. Để tạo một đường ngang trong HTML, hãy sử dụng phần tử. Bạn có thể đặt phần tử - là viết tắt của quy tắc ngang của Cameron - bất cứ nơi nào bạn muốn tạo một đường ngang trên một trang web.
  2. Sử dụng CSS nội bộ

Nếu chúng tôi muốn thêm dòng ngang trong tài liệu HTML bằng cách sử dụng bảng kiểu bên trong thì chúng tôi 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.

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ờ, chúng ta phải đặt con trỏ ngay sau khi đóng thẻ tiêu đề trong thẻ đầu của tài liệu HTML và sau đó xác định các kiểu bên trong thẻ như trong khối sau. Và, sau đó chúng ta phải nhập thẻ HR CSS để tạo kiểu cho đường ngang. 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 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: 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: Bây giờ, chúng ta phải nhập thẻ vào phần thân của tài liệu HTML để hiển thị đường ngang trên trang web. Và cuối cùng, chúng tôi phải lưu tệp HTML và sau đó chạy tệp trong trình duyệt Internet. And, then we have to specify the values of these attributes.

Mã HTML cho một dòng là gì? 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:

Hướng dẫn what is a line called in html? - một dòng được gọi là gì trong html?

Sử dụng CSS nội bộ

Nếu chúng tôi muốn thêm dòng ngang trong tài liệu HTML bằng cách sử dụng bảng kiểu bên trong thì chúng tôi 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ờ, chúng ta phải đặt con trỏ ngay sau khi đóng thẻ tiêu đề trong thẻ đầu của tài liệu HTML và sau đó xác định các kiểu bên trong thẻ như trong khối sau. Và, sau đó chúng ta phải nhập thẻ HR CSS để tạo kiểu cho đường ngang. 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