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ử
.tab {
padding-left: 2px;
}
0 và .tab {
padding-left: 2px;
}
1, cùng với một chút CSSSử dụng phần tử .tab {
padding-left: 2px;
}
0
.tab {
padding-left: 2px;
}
Dưới đây là ví dụ về cách sử dụng
.tab {
padding-left: 2px;
}
0 để kiểm soát khoảng cách giữa các văn bảnHello my name is James
Lưu ý rằng thẻ
.tab {
padding-left: 2px;
}
0 tự đóng, nghĩa là chúng không cần 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
.tab {
padding-left: 2px;
}
0 một số thuộc tính kiểu nội tuyến, như hình bên dướiNgoài ra, bạn có thể cung cấp cho
.tab {
padding-left: 2px;
}
0 các thuộc tính giống như kiểu nội tuyến như hình bên dướiHello my name is James
Sử dụng phần tử .tab {
padding-left: 2px;
}
1
.tab {
padding-left: 2px;
}
Để 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ẻ
.tab {
padding-left: 2px;
}
1. Ví dụPhần tử ________ 11 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ử .tab {
padding-left: 2px;
}
1 đượ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ố 8LOẠ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
cái đầu. Phần tử chứa thông tin meta về tài liệu
Tiêu đề. Phần tử chỉ định tiêu đề cho tài liệu
thân thể. 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