• Trang chủ
  • Xây dựng website
  • Bảo mật Website
  • Kiến thức SEO
  • Source Web
  • Tài liệu làm web
  • Trang chủ
  • Xây dựng website
  • Bảo mật Website
  • Kiến thức SEO
  • Source Web
  • Tài liệu làm web

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

ATPMedia Bởi ATPMedia
15/11/2019
Trang chủ Kiến thức Code Web
Rate this post

Đườ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ì

đường Kẻ Ngang Trong Html
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.

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.

Vai trò của từng ngôn ngữ trong website
Nhiệm vụ của từng ngôn ngữ trong site
Đ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.

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

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,… )

Tags: di chuyển chữ trong htmlđịnh dạng thẻ hr trong cssđường kẻ ngang trong htmlgạch đầu dòng trong htmlhr htmlthẻ gạch dọc trong htmlthẻ gạch ngang chữ trong htmlthe hr trong html la githẻ in hoa trong html
ATPMedia

ATPMedia

Bài Viết Tiếp Theo
Tong Hop Cac Cach Sao Chep Trang Web Moi Nhat 24

Tổng hợp các cách sao chép trang web mới nhất.

Bài Viết Mới.

HƯỚng DẪn TÍch HỢp Livechat Tawk To LÊn Landing Page (2)

HƯỚNG DẪN TẠO FACEBOOK LIVECHAT TRÊN LANDING PAGE

24/09/2020
Công Ty Fdi Là Gì

công ty fdi là gì ? các đặt điểm và vai trò mới nhất 2020

29/10/2019
Chèn Link Vào Button Trong Html

Tổng hợp cách chèn link vào button trong html mới nhất 2020

21/11/2019
Suy Nghĩ Của Em Về Nghề Nghiệp Trong Tương Lai

Suy nghĩ của em về nghề nghiệp trong tương lai, cách lựa chọn công việc phù hợp

19/11/2019
Vì sao phải cần đến dịch vụ thiết kế website Đà Nẵng?

Vì sao phải cần đến dịch vụ thiết kế website Đà Nẵng?

10/11/2022
Cách đo tỷ lệ truy cập bộ nhớ cache của CDN

Cách đo tỷ lệ truy cập bộ nhớ cache của CDN

30/07/2022
Cách Mở Khóa Iphone

Tổng hợp các cách mở khóa iphone mới nhất 2020

04/12/2019
Array Push Trong Php

Hướng dẫn dùng array_push trong php mới nhất 2020

13/11/2019

XÂY DỰNG WEBSITE

Coder.com.vn là Blog chia sẻ kiến thức học lập trình miễn phí. Chuyên tổng hợp các bài viết về tài liệu học lập trình, với mong muốn tất cả mọi người ở khắp nơi trên thế giới được học lập trình miễn phí.

Chuyên mục

  • Trang Chủ
  • Source Web
  • Kiến Thức Seo
  • Bảo Mật Website
  • Tài Liệu Làm Web
  • Xây Dựng Website

Phần mềm - Công cụ

  • Brands
  • Alosoft
  • Seeding
  • Top Việc
  • Tổng Hợp
  • Quản Trị Nhân Sự

Liên kết

  • Topvui
  • Xe Mô Tô
  • Quản Lý Kho
  • Blog Việc Làm
  • Giải Pháp Việc Làm
  • Phần Mềm Miễn Phí

© 2019 | Thiết Kế bởi ATP MEDIA

  • Trang chủ
  • Xây dựng website
  • Bảo mật Website
  • Kiến thức SEO
  • Source Web
  • Tài liệu làm web

Xây dựng website đơn giản, tối ưu chi phí, chuẩn SEO và đồng thời cũng cung cấp các kiến thức hữu ích để bất kỳ ai cũng có thể thiết kế website đơn giản.