Tab không gian trong HTML

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;
}
2
Sau đó, 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 định
Bạ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