Chạy thử Ví dụ thực tế về Thẻ section trong HTML

Trình soạn thảo - Chạy thử Ví dụ thực tế về Thẻ section trong HTML

Kết quả - Chạy thử Ví dụ thực tế về Thẻ section trong HTML

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Ví dụ thực tế về Thẻ section trong HTML</title>
<style>
section{width:100%;float:left;height:auto;margin-bottom:20px}
h2{width:100%;float:left;height:auto;margin-bottom:10px}
.ndttuc{width:100%;float:left;height:auto;margin-bottom:10px}
.mttuc{width:32%;float:left;margin-right:1.3%}
.mttuc1{float:right;magrin-right:0px}
.mttuc img{width:100%;float:left;height:auto;magrin-bottom:5px}
.mttuc h3{width:100%;float:left;heigth:auto}
.mttuc h3 a{color:#000}
</style>
</head>
<body>
<h1>Chạy thử Ví dụ thực tế về Thẻ section trong HTML</h1>
<p>Thẻ section trong HTML, cụ thể là HTML5, được dùng để chia nhóm html ra nhiều nhóm riêng biệt, mỗi nhóm được 1 thẻ section bao bọc, giúp phân chia từng nhóm rõ ràng, ở đây thẻ section sẽ chứa nguyên phần tin tức và 1 thẻ section khác sẽ chứa nguyên phần dịch vụ:</p>

<section>
<h2>Tin tức</h2>
<div class="ndttuc">
 <div class="mttuc">
    <img  src="https://webmoi.vn/upload/tinblog/the-section-trong-html.jpg">
    <h3><a>Tên bài viết</a></h3> 
 </div>
  <div class="mttuc">
    <img  src="https://webmoi.vn/upload/tinblog/the-section-trong-html.jpg">
    <h3><a>Tên bài viết</a></h3> 
 </div>
  <div class="mttuc mttuc1">
    <img  src="https://webmoi.vn/upload/tinblog/the-section-trong-html.jpg">
    <h3><a>Tên bài viết</a></h3> 
 </div>
</div>
</section>
<section>
<h2>Dịch vụ</h2>
<div class="ndttuc">
 <div class="mttuc">
    <img  src="https://webmoi.vn/upload/tinblog/the-section-trong-html.jpg">
    <h3><a>Tên bài viết</a></h3> 
 </div>
  <div class="mttuc">
    <img  src="https://webmoi.vn/upload/tinblog/the-section-trong-html.jpg">
    <h3><a>Tên bài viết</a></h3> 
 </div>
  <div class="mttuc mttuc1">
    <img  src="https://webmoi.vn/upload/tinblog/the-section-trong-html.jpg">
    <h3><a>Tên bài viết</a></h3> 
 </div>
</div>
</section>
</body>
</html>
  • Chạy thử Ví dụ thực tế về Thẻ section trong HTML nằm trong bài viết Thẻ section trong HTML
  • ★★★★★ ★★★★★