Cách vẽ đường thẳng trong html

Frank Olivo là người sáng lập Sagapixel. Anh ấy viết về một số chủ đề liên quan đến tiếp thị kỹ thuật số, nhưng chủ yếu tập trung vào thiết kế web và SEO

Cách tạo đường kẻ ngang trong HTML

Loại. Hướng dẫn HTML

Mục lục

Tạo một thước kẻ ngang (hoặc đường thẳng, như hầu hết chúng ta gọi nó) dễ dàng hơn hầu hết mọi người nghĩ


Đó là một lệnh nhỏ, ngắn và đơn giản; . Đây là những gì trông giống như ở dạng đơn giản nhất


Và, đây là mã tuyệt vời đã làm cho nó

       Pretty simple as you can see. That’s all there is to it. I have used the


command all over these tutorials, so this tutorial may get a bit confusing at times. The next line is just a section break.


Thuộc tính thước ngang

       There are a couple of attributes or options to the


command. Here’s it is in summary.



Chèn đường ngang.
Thuộc tính.

  1. kích thước =”. ” ;
  2. màu =”. ” ;
  3. chiều rộng =”. ” ;
  4. căn chỉnh =”. ” ; . PHẢI, TRÁI hoặc TRUNG TÂM
  5. không có bóng râm ;

KÍCH THƯỚC được đo bằng pixel. Hãy thử sử dụng 3, 5 hoặc có thể là 10 để xem bạn thích độ dày nào. Thuộc tính COLOR sẽ chỉ hoạt động với trình duyệt Internet Explorer nên tôi sẽ không sử dụng nó trừ khi thực sự cần thiết. MÀU phải ở dạng thập lục phân

Tôi sử dụng thuộc tính WIDTH nhiều hơn bất kỳ thuộc tính nào khác. WIDTH có thể được nhập bằng pixel hoặc theo phần trăm chiều rộng cửa sổ của trình duyệt. Dưới đây là một số ví dụ với thuộc tính WIDTH được sử dụng


Và, đây là mã



Và, đây là mã


Tôi thực sự thích sử dụng tỷ lệ phần trăm, vì nó làm cho trang web của bạn có vẻ phù hợp với trình duyệt của người xem. Để hiểu ý tôi, hãy tăng hoặc giảm độ rộng của cửa sổ trình duyệt của bạn bằng cách nhấp vào cạnh của cửa sổ và kéo nó sang phải hoặc trái. Xem cách dòng được tạo với tỷ lệ phần trăm điều chỉnh theo chiều rộng của cửa sổ trình duyệt

The ALIGN attribute is also very useful. It allows you to justify your line to the RIGHT , LEFT, or CENTER. For most browser’s, CENTER is the default and is not needed in the


command. NOSHADE is the last attribute and it make the line solid instead of having a shading effect.


Thêm ví dụ

Một số ví dụ khác được hiển thị dưới đây. Mã HTML cho mỗi được hiển thị thụt vào và in đậm. Tôi hi vọng cái này giúp được










Để lại một bình luận nếu điều này hữu ích

Bạn có thấy hướng dẫn này hữu ích không?

Ngoài ra, khi bạn ở đây, hãy ghé qua trang thiết kế web của chúng tôi để xem một số dự án thiết kế web ở Philadelphia mà chúng tôi đã thực hiện cho các công ty trong khu vực của mình

Nếu chúng tôi muốn thêm Đường ngang trong tài liệu Html bằng thẻ Html, thì chúng tôi phải làm theo các bước được đưa ra bên dưới. Sử dụng các bước này, chúng ta có thể dễ dàng thêm dòng

Bước 1. Đầu tiên, chúng ta 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 mà chúng ta muốn thêm đường ngang

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 đó

Bước 3. Bây giờ, chúng ta phải thêm các thuộc tính của


thẻ, 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 sắc trong
nhãn

Bước 4. Và, sau đó chúng ta phải chỉ định giá trị của các thuộc tính này

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

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

Cách vẽ đường thẳng trong html

Sử dụng CSS nội bộ

Nếu chúng tôi muốn thêm Đường ngang trong tài liệu Html bằng Biểu định kiểu bên trong thì chúng tôi phải làm theo các bước được đưa ra bên dưới. Sử dụng các bước này, chúng ta có thể dễ dàng thêm dòng

Bước 1. Đầu tiên, chúng ta 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 mà chúng ta muốn thêm đường ngang

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 kiểu bên trong