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.
- kích thước =”. ” ;
- màu =”. ” ;
- chiều rộng =”. ” ;
- căn chỉnh =”. ” ; . PHẢI, TRÁI hoặc TRUNG TÂM
- 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
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 trongnhãnBướ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
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