Hướng dẫn tạo đường kẻ ngang trong html đơn giản

Đường kẻ ngang trong html là gì và làm thế nào để xuất hiện đường kẻ ngang trong html? Bạn đang gặp rắc rối với vấn đề này thì hãy tham khảo ngay bài viết bên dưới của xaydungweb.vn nhé.

HTML là gì

HTML là chữ viết tắt của Hypertext Markup Language. Nó giúp người sử dụng tạo và cấu trúc các thành phần trong trang website hoặc áp dụng, phân chia các đoạn văn, heading, links, blockquotes, vâng vâng.

HTML không đơn giản là ngôn ngữ lập trình, đồng nghĩa với việc nó chẳng thể tạo ra các tính năng “động” được. Nó chỉ giống như Microsoft Word, dùng để bố cục và định dạng trang web.

Khi thực hiện công việc với HTML, chúng ta sẽ sử dụng cấu trúc code giản đơn (tags và attributes) để đánh dấu lên trang website. chẳng hạn như, chúng ta có thể tạo một đoạn văn bằng cách đặt văn bản vào trong cặp tag mở và đóng văn bản.

Xem thêm Hướng dẫn gọi hàm javascript trong html mới nhất 2020

Cấu trúc một đoạn HTML

Như mình đã nói ở trên, HTML có thể được khai báo bằng các phần tử bởi các keyword. Thông tin nằm bên trong cặp keyword sẽ là thông tin bạn cần định dạng với HTML. Ví dụ phía dưới là một đoạn HTML khai báo một đoạn văn bản.

Một thẻ có khả năng dùng nhiều thuộc tính chứ không phải chỉ một thuộc tính nhé.

Xem thêm Tổng hợp sự kiện onclick trong html mới nhất 2020

HTML giữ nhiệm vụ gì trong website?

Như mình đã nói, HTML là một ngôn ngữ đánh dấu siêu văn bản có thể nó sẽ có nhiệm vụ xây dựng cấu trúc siêu văn bản trên một site, hoặc khai báo các tập tin kỹ thuật số (media) như hình ảnh, clip, nhạc.

Điều đấy không phải là chỉ sử dụng HTML để sản sinh ra một site mà HTML chỉ đóng một vai trò hình thành trên website. chẳng hạn như một website như Thachpham.com có thể được tạo ra bởi:

• HTML – thiết lập cấu trúc và định dạng các siêu văn bản.
• CSS – Định dạng các siêu văn bản dạng thô sản sinh ra từ HTML thành một bố cục site, có sắc màu, ảnh nền,….
• Javascript – tạo ra các sự kiện tương tác với hành vi của người dùng (ví dụ nhấp vào ảnh trên nó sẽ có hiệu ứng phóng to).
• PHP – ngôn ngữ lập trình để giải quyết và trao đổi dữ liệu giữa máy chủ đến trình duyệt web (ví dụ như các nội dung bài viết sẽ được lưu trong máy chủ).
• MySQL – Hệ quản trị cơ sở dữ liệu truy vấn có cấu trúc (SQL – ví dụ như các nội dung bài viết sẽ được lưu lại với dạng dữ liệu SQL).

Nhưng ở đây, tạm thời bạn chỉ cần quan tâm đến HTML mà thôi. Dễ hiểu hơn, bạn hãy nghĩ rằng nếu website là một cơ thể hoàn chỉnh thì HTML chủ đạo là bộ xương của cơ thể đấy, nó như là một cái khung sườn vậy.

Như vậy, dù website thuộc thể loại nào, ăn nói với ngôn ngữ lập trình nào để giải quyết dữ liệu thì vẫn phải cần HTML để hiển thị thông tin ra cho khách truy cập coi.

Xem thêm Nên sử dụng phần mềm thiết kế web đơn giản nào?

Hướng dẫn tạo đường kẻ ngang trong html

Để kẻ một đường ngang trong HTML, ta dùng lệnh Hr, và vì nó là một thẻ đơn nên không có thẻ đóng (end tag) giống như các bạn thẻ không giống.
Cú pháp của thẻ hr Rất đơn giản:

Một đường kẻ ngang mặc định của HTML là như thế này:
Đường kẻ ngang kéo dài từ lề trái sang lề phải và có màu đen. Vậy nếu chỉ muốn đường kẻ ngang này chỉ từ lề trái đi đến khoảng giữa của website, có màu sắc khác cho sinh động thì làm thế nào?

HTML chuẩn bị sẵn cho Hr những thuộc tính giống như thế này

Tính chất Align với các trị giá Left, Right và Center cho phép canh lề cho đường thẳng. dĩ nhiên, đường thẳng ấy cần có chiều dài nhỏ hơn đường thẳng mặc định thì mới gọi là canh lề được.
Tính chất width với trị giá số (10, 20 px) hoặc phần trăm (20,30% của độ rộng trang web) cho phép dựng lại chiều dài đoạn thẳng
Thuộc tính size với giá trị số (10, 20 px)giúp bạn vẽ những đường thẳng dày hay mỏng.