Thẻ header trong HTML!
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ẻ <header>.
Công dụng của thẻ header
Thẻ <header> được sử dụng để xác định phần đầu của trang web, chứa các phần tử như: tiêu đề, liên kết, hình ảnh, …..
Cách viết thẻ header trong html
Thẻ <header> trong HTML thường được viết như sau:
<header> Nội dung phần đầu của trang web</header>Để dễ hình dung hơn bạn hãy xem ví dụ bên dưới :
Đoạn Code HTML
<!DOCTYPE html><html lang="en"><head> <title>Ví dụ thẻ header</title></head><style type="text/css"> .demo_header { border:1px solid #ccc; background-color:blue; color:white; text-align:center; padding-bottom:15px; } .demo_main { padding:20px; text-align: justify; } .demo_footer { background-color:#ccc; text-align:center; padding:25px; font-size:18px; }</style><body><h5>Ví dụ dùng thẻ header:</h5> <header class="demo_header"> <h1>Myboxst.com</h1> <div>Blog chia sẽ và lưu trữ kiến thức tin học của tôi và bạn!</div> </header> <main class="demo_main"> <h2>Đến với Myboxst bạn sẽ được những gì?</h2> <p>- Mình là Kelvinlam ad của Myboxst! </p> <p>- Đây là tổng hợp những sở thích và kiến thức mình sẽ đăng trên blog: </p> <ul> <li>Những mẫu script HTML, CSS, javascript Đẹp</li> <li>Sưu tập những hình ảnh comment vui nhộn, và hình ảnh đẹp</li> <li>Kiến thức về blog, web, CNTT.</li> <li>Play/Review games ít tốn times</li> <li>Những videos hài hước</li> <li>Tự học MMO!</li> </ul> <p>- Thanks for visited Myboxst.com!</p> </main> <footer class="demo_footer"> <div>Copyright 2022!</div> </footer></body></html>Kết Quả hiển thị:
Ví dụ dùng thẻ header:
Myboxst.com
Blog chia sẽ và lưu trữ kiến thức tin học của tôi và bạn! Đến với Myboxst bạn sẽ được những gì?
- Mình là Kelvinlam ad của Myboxst!
- Đây là tổng hợp những sở thích và kiến thức mình sẽ đăng trên blog:
- Những mẫu script HTML, CSS, Javascript đẹp
- Sưu tập những hình ảnh comment vui nhộn, và hình ảnh đẹp
- Kiến thức về blog, web, CNTT.
- Play/Review games ít tốn times
- Những videos hài hước
- Tự học MMO!
- Thanks for visited Myboxst.com!
Bạn có thể Copy và past code để test bằng Texteditor online tại đây!
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.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.
CSS được cài mặc định cho thẻ header
Hầu hết trình duyệt hiển thị CSS những phần tử trong thẻ <header> với giá trị sau:
footer { display: block;}Lời kết
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 myboxst. 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.
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.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 myboxst.
Không có nhận xét nào:
Đăng nhận xét