MYBOX3D

Cài Đặt Ngôn Ngữ

Thứ Tư, 25 tháng 5, 2022

Thẻ article trong html

Thẻ article

Trong Serries tự học HTML chương 2 Myboxst đã liệt kê cho bạn tất cả những thẻ có trong html.

Bây giờ hãy cùng Myboxst thực hành về tác dụng của từng loại thẻ (tag) trong html.

Trong bài viết này chúng ta sẽ tìm hiểu về Thẻ <article>.

Định nghĩa

Thẻ article là phần tử để bao bọc nội dung độc lập,khép kín có ý nghĩa khác hoàn toàn với trang web chứa nó.

Nó có thể là một bài bài viết, một tin tức mới … hoặc bất kỳ một nội dung độc lập nào.

Chú ý: Thẻ <article> trong HTML5 được dùng thay thế cho thẻ <div> của HTML4.Bạn có thể sử dụng CSS để định dạng cho thẻ <article>.

Cách sử dụng thẻ article

Thẻ <article> có cách viết như sau:

<article>        <h1>Tiêu đề bài viết</h1>        <p>Các nội dung bài viết,tin tức mới....</p></article>

Để dễ hình dùng hãy xem ví dụ bên dưới:

Trong ví dụ Myboxst sẽ sử dụng CSS để định dạng viền border màu đen với độ dày là 1 pixel cho thẻ article

Đoạn Code HTML

<!DOCTYPE html><html lang="en"><head>    <title>Ví dụ thẻ article <a></title>    <style>         article {            border:solid 1px black;        }    </style></head><body>    <h5>Ví dụ thẻ article</h5>        <article>        <h1>Tiêu đề bài viết</h1>        <p>Các nội dung bài viết,tin tức mới....</p>    </article></body></html>

Kết Quả hiển thị:

Ví dụ thẻ article

Tiêu đề bài viết

Các nội dung bài viết,tin tức mới....

Bạn có thể Copy và past code để test bằng Texteditor online tại đây!

CSS được cài đặt mặt định cho thẻ article

Hầu hết các trình duyệt sẽ hiển thị phần tử <article> với các giá trị CSS mặc định sau:

article {  display: block;}

Lời kết

Tóm lại, thẻ <article> trong HTML là một công cụ rất hữu dụng đối với chúng ta trong việc phân tách những nội dung phần tử của trang! Đồng thời bạn có thể sử dụng CSS để phần biệt từng nội dung cụ thể!

Nếu có vấn đề cần giải đáp hãy để lại comment tại phần bình luận bên dưới.

▼ Hãy share bài viết nếu bạn thấy bài viết có ích! Hoặc xem lại khi bạn quên! Chúc bạn thành công!▼

nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với. So với. nó so với. không So với. nó so với. thế So với. nó so với. vậy So với. nó so với.thì So với. nó so với. nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.

So với. nó so với. không So với. nó so với. thế So với. nó so với. vậy So với. nó so với.thì So với. nó so với. nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.


Không có nhận xét nào:

Đăng nhận xét

Bài viết mới nhất

Facebook Mybox3d

Tìm kiếm Blog này

Số lượt View