Có một số cách để chèn khoảng trắng trong HTML. Cách dễ nhất là chỉ cần thêm khoảng trắng hoặc nhiều thực thể ký tự
trước và sau văn bản đích. Tất nhiên, đó không phải là phương pháp DRYest
Thay vào đó, để giữ cho mã của bạn dễ bảo trì và giảm sự lặp lại, bạn có thể sử dụng các phần tử và
, cùng với một chút CSS
Sử dụng phần tử
Bạn có thể xem ví dụ về cách sử dụng để kiểm soát khoảng cách giữa các văn bản bên dưới
Hello my name is James
Lưu ý rằng các thẻ tự đóng, có nghĩa là chúng không cần một thẻ
.tab {
padding-left: 2px;
}
2Sau đó, bạn có thể sử dụng kiểu dáng bên ngoài hoặc bên trong để cung cấp cho lớp
.tab {
padding-left: 2px;
}
3 một số thuộc tính. Ví dụ: đoạn mã sau sẽ hoạt động trong biểu định kiểu bên ngoài.tab {
padding-left: 2px;
}
Bạn cũng có thể cung cấp cho một số thuộc tính kiểu nội tuyến, như được hiển thị bên dưới
Ngoài ra, bạn có thể cung cấp cho các thuộc tính giống như kiểu nội tuyến như được hiển thị bên dưới
Hello my name is James
Sử dụng phần tử
Để dễ dàng thêm không gian tab, chỉ cần bọc văn bản của bạn trong các thẻ . Ví dụ
Phần tử chỉ đại diện cho văn bản được định dạng sẵn. Nói cách khác, bất kỳ dấu cách hoặc tab nào trong văn bản bên trong sẽ được hiển thị. Ví dụ
function greeting[] {
console.log['Hello world!'];
}
Chỉ cần lưu ý rằng bất kỳ ký tự tab thực tế nào [không phải là một loạt các khoảng trắng trông giống như các tab] mà bạn sử dụng với phương pháp này có thể xuất hiện rộng một cách lố bịch. Điều này là do thuộc tính
.tab {
padding-left: 2px;
}
9 cho phần tử
được đặt thành 8 dấu cách theo mặc địnhBạn có thể thay đổi điều này bằng một chút CSS
pre {
tab-width: 2;
}
Thông tin thêm về HTML
Ngôn ngữ đánh dấu siêu văn bản [HTML] là ngôn ngữ đánh dấu được sử dụng để xây dựng các tài liệu trực tuyến và là nền tảng của hầu hết các trang web ngày nay
Một ngôn ngữ đánh dấu như HTML cho phép chúng ta
- tạo liên kết đến các tài liệu khác,
- cấu trúc nội dung trong tài liệu của chúng tôi và
- gán ngữ cảnh và ý nghĩa cho nội dung tài liệu của chúng tôi
Một tài liệu HTML có hai khía cạnh của nó. Nó chứa thông tin có cấu trúc [Đánh dấu] và liên kết văn bản [HyperText] đến các tài liệu khác
Chúng tôi cấu trúc các trang của mình bằng cách sử dụng. Chúng là cấu trúc của ngôn ngữ cung cấp và trong tài liệu của chúng tôi dành cho trình duyệt và phần tử liên kết đến các tài liệu khác trên internet
Internet ban đầu được tạo ra để lưu trữ và trình bày các tài liệu tĩnh [không thay đổi]. Các khía cạnh của HTML được thảo luận ở trên đã được nhìn thấy một cách hoàn hảo trong các tài liệu thiếu thiết kế và kiểu dáng này. Họ đã trình bày thông tin có cấu trúc chứa liên kết đến các tài liệu khác
HTML5 là phiên bản hoặc đặc điểm kỹ thuật mới nhất của HTML. World Wide Web Consortium [W3C] là tổ chức phát triển các tiêu chuẩn cho World Wide Web, bao gồm cả tiêu chuẩn cho HTML. Khi các trang web và ứng dụng web phát triển phức tạp hơn, W3C cập nhật các tiêu chuẩn của HTML
HTML5 giới thiệu một loạt các yếu tố ngữ nghĩa. Mặc dù HTML giúp cung cấp ý nghĩa cho tài liệu của chúng tôi, nhưng phải đến khi HTML5 ra đời thì tiềm năng của nó mới được biết đến đầy đủ
Một ví dụ đơn giản về Tài liệu HTML
________số 8_______LOẠI TÀI LIỆU html. Xác định tài liệu này là HTML5
html. Phần tử gốc của trang HTML
đầu. Phần tử chứa thông tin meta về tài liệu
chức vụ. Phần tử chỉ định tiêu đề cho tài liệu
cơ thể người. Phần tử chứa nội dung trang hiển thị
h1. Phần tử xác định một tiêu đề lớn
p. Phần tử xác định một đoạn văn
Phiên bản HTML
Kể từ những ngày đầu của web, đã có nhiều phiên bản HTML
- HTML1991
- HTML2. 01995
- HTML3. 21997
- HTML4. 011999X
- HTML2000
- HTML52014
Các nguồn lực khác
- Phần tử HTML
- HTML ngữ nghĩa
- Thuộc tính HTML
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
Nếu bài viết này hữu ích, hãy tweet nó
Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu