Thẻ bài viết HTML

The Bai Viet Html



HTML5 đã giới thiệu “ ” có thể được sử dụng để đại diện cho một thành phần độc lập cụ thể trong bất kỳ tài liệu, ứng dụng hoặc trang web nào. Thành phần HTML này có thể tái sử dụng và phân phối, chẳng hạn như trong bài đăng trên diễn đàn, tạp chí, bài đăng trên blog, v.v.

Nghiên cứu này sẽ dạy cho bạn về thẻ HTML

. Vì vậy, chúng ta hãy đi!







Thẻ HTML là gì?

Phần tử

hoạt động tương tự nhau về chức năng, kiểu dáng và hiển thị. Tuy nhiên, thẻ
trong tài liệu cung cấp nhiều thông tin ngữ nghĩa hơn cho các công cụ tìm kiếm và trình đọc màn hình. Hơn nữa, một tệp HTML chứa nhiều thẻ
có thể được lồng vào nhau.



Làm cách nào để sử dụng thẻ HTML?

Để sử dụng thẻ HTML

, hãy làm theo cú pháp dưới đây:



< bài báo > bài báo >


Nơi đây, ' ” là thẻ bắt đầu và “ ” là thẻ kết thúc.





Hãy xem một ví dụ minh họa cách sử dụng thẻ

.

Ví dụ: Sử dụng thẻ

trong HTML



trình duyệt tốt nhất cho bạc hà linux

Trong HTML, trước tiên, hãy thêm thẻ

với một lớp có tên “ toàn hệ điều hành ” và

cho tiêu đề. Sau đó, thêm một thẻ
khác với một lớp có tên “ bạn ”. Bên trong thẻ
này, hãy chỉ định

cho tiêu đề và

cho một đoạn văn. Sau đó gộp 2 thẻ

lồng với thẻ

như sau:

< bài báo lớp = 'tất cả hệ điều hành' >
< h1 > Hệ điều hành phổ biến nhất h1 >
< bài báo lớp = 'bạn' >
< h2 > các cửa sổ h2 >
< P > Windows là một nhóm gồm nhiều hệ điều hành đồ họa độc quyền. Nó được phát triển và tiếp thị bởi Microsoft. P >
bài báo >
< bài báo lớp = 'bạn' >
< h2 > Linux h2 >
< P > Linux là một hệ điều hành mã nguồn mở dựa trên nhân Linux. Nó thường được đóng gói như một bản phân phối Linux. P >
bài báo >
< bài báo lớp = 'bạn' >
< h2 > hệ điều hành Mac h2 >
< P > macOS là một hệ điều hành Unix được phát triển và tiếp thị bởi Apple Inc. Nó được biết đến như hệ điều hành chính Quả táo máy tính Mac của.




Phần tiếp theo sẽ mô tả các kiểu CSS được áp dụng cho các thành phần HTML nói trên.



Kiểu div toàn hệ điều hành

.all-OS {
lề: 0 ;
phần đệm: 5px;
màu nền: rgb ( 155 , 155 , 155 ) ;
}


Div với tên lớp “ toàn hệ điều hành ” được tạo kiểu như thế này:

    • .all_OS ” được sử dụng để truy cập
      có liên quan.
    • lề ” thuộc tính được sử dụng để thêm khoảng trống xung quanh phần tử div.
    • đệm ” thuộc tính thêm khoảng trống xung quanh nội dung của phần tử div.
    • màu nền ” được đặt để áp dụng màu nền của phần tử div.

Phong cách os div

.bạn {
lề: 10px;
phần đệm: 5px;
nền: trắng;
}


Áp dụng kiểu cho

tiếp theo có tên “ bạn ”. Mô tả về các thuộc tính được đưa ra dưới đây:

    • .bạn ” truy cập
      với tên os.
    • lề ” thuộc tính thêm khoảng cách 10px xung quanh div.
    • đệm ” thuộc tính thêm khoảng cách 5px xung quanh nội dung của phần tử div.
    • màu nền ” đặt màu nền của phần tử div.

Sau khi cung cấp các thuộc tính tạo kiểu CSS cho các thẻ

ở trên, đoạn văn được tạo kiểu bằng cách đặt các thuộc tính như được đề cập bên dưới.

Phong cách p Phần tử

P {
lề: 3px;
cỡ chữ: 15px;
}


Các thuộc tính sau được áp dụng cho phần tử

:

    • lề ” thuộc tính thêm không gian 3px xung quanh nội dung của phần tử.
    • cỡ chữ ” đặt kích thước phông chữ văn bản là 15px.

Lưu mã đã thêm và mở tệp trong trình duyệt của bạn. Kết quả sẽ được hiển thị như hình bên dưới:


Tài liệu cung cấp ở trên có thể có nhiều bài viết và phần giải thích liên quan đến từng hệ điều hành được chứa trong thẻ

. Hơn nữa, một bài viết được hiển thị lần lượt khi màn hình cuộn.

Đó là cách chúng ta có thể tạo các bài đăng trên blog, bài đăng trên diễn đàn và các tài liệu giống như tạp chí bằng thẻ HTML

.

Sự kết luận

Như chúng ta biết, người viết bài hoặc người viết blog viết tài liệu bằng cách ghi nhớ khái niệm cốt lõi của chủ đề. Tương tự như vậy, trong HTML, các thẻ

được sử dụng để đề cập đến nội dung được chứa đầy đủ và độc lập. Ngoài ra, có thể có một hoặc nhiều thẻ
trong tệp HTML, các thẻ này có thể được lồng vào nhau. Nghiên cứu này đã giải thích việc sử dụng thẻ