Đườ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ì
Xem thêm: Tổng hợp các cách sao chép trang web mới nhất.
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.
|
01
|
<formaction="https://thachpham.com"> form> |
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.
- 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.
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.
Xuống Dòng và Đường Kẻ Ngang
Trong bài học này con người cùng tìm hiểu cách tạo dòng mới và dòng kẻ ngang trong HTML sử dụng lần lượt hai thẻ tự đóng là
và
Thẻ
Thẻ
Được dùng để xuống dòng hay tạo một dòng mới.
Ví dụ:
Sử dụng thẻ br để tạo ra một
dòng mới
Thẻ
trong HTML
Lưu ý: Thẻ
là thẻ tự đóng thế nên các nàng không sử dụng thẻ đóng.
Đoạn code dưới đây là không hợp lệ:
Sử dụng thẻ br để tạo ra một dòng mới
Với phiên bản XHTML con người sẽ sử dụng thẻ
thay vì
Thẻ
Thẻ
Sử dụng để sản sinh ra một đường kẻ ngang, ví dụ:
Sử dụng thẻ br để tạo ra mộtdòng kẻ ngang
Tạo Dòng Kẻ Ngang trong HTML
Lưu ý: tương tự thẻ
thì thẻ
Cũng là thẻ tự đóng và chúng ta sẽ không sử dụng thẻ đóng cho nó.
Với phiên bản XHTML chúng ta sẽ dùng thẻ
Thay vì
Trên
Xem thêm: Hướng dẫn chỉnh css khoảng cách giữa các chữ mới nhất 2020
Trên đây là cách đường kẻ ngang trong html mà xaydungweb.vn đã tổng hợp được. Hy vọng những thông tin trên sẽ hữu ích với tất cả mọi người. Cảm ơn mọi người đã theo dõi bài viết.
Hồng Quyên – Tổng hợp
Tham khảo ( thachpham.com, tuhochtml.blogspot.com,… )
