Thẻ <div> và <span> trong HTML

  • Thẻ <div>
  • Thẻ <span>

HTML đem nhì thành phần dùng với mục tiêu tổng quát mắng (nó không phải như thẻ không giống - hàm ý nội dung và cấu tạo vô nó như a thì chứa chấp link, table chứa chấp nội dung về bảng biểu, ul tạo ra list ...), một thành phần dạng block là <div> và một ở dạng inline là <span>, nhì loại thẻ này sử dụng thật nhiều sẽ tạo đi ra cấu tạo trang HTML văn minh.

Thẻ <div> (viết tắt của division - chia) là thành phần Lever block dùng làm phân nội dung trở nên những phân đoạn, chứa chấp những thành phần HTML không giống. Thẻ <div> thông thường sử dụng CSS nhằm thiết lập những đặc điểm của chính nó (thông qua loa thiết lập class và id).

Bạn đang xem: Thẻ <div> và <span> trong HTML

<style>
    .divparent {background: #0b5088; padding: 5px;}
    .div1 {height: 70px; background: green;}
    .div2 {height: 70px; background: yellowgreen; margin-top: 5px}
</style>

<div class="divparent">
    <div class="div1">
        <p>Nội dung vô thẻ div 1</p>
    </div>
    <div class="div2">
        <p>Nội dung vô thẻ div 2</p>
    </div>
</div>

Thẻ <span>

Thẻ <span> thì lại là loại thẻ Lever inline với mục tiêu sử dụng tổng quát mắng, thông thường nó được dùng làm chứa chấp tài liệu (văn bản), chứa chấp thành phần inline không giống. Tương tự động div, span cũng thông thường sử dụng CSS nhằm định hình trình bày:

<h4>Học <span style="color:red">HTML</span> cơ bản</h4>

Kết quả:

Học HTML cơ bản


Tóm lại:
Thẻ <div> dùng làm tạo ra khối block, phân loại nội dung vô HTML. Thẻ <span> tạo ra những thành phần dạng inline, phần văn phiên bản dạng inline ko ngắt dòng sản phẩm.

BÀI VIẾT NỔI BẬT


Tiếng Việt lớp 3 từ chỉ đặc điểm: Khái niệm, tác dụng, cách dùng & bí quyết học hiệu quả

Từ chỉ đặc điểm lớp 3 l&agrave; một kiến thức ngữ ph&aacute;p quan trọng m&agrave; c&aacute;c b&eacute; cần nắm vững, để hỗ trợ việc học m&ocirc;n tiếng Việt v&agrave; hoạt động giao tiếp tốt hơn. Vậy để hiểu r&otilde; hơn tiếng Việt lớp 3 từ chỉ đặc điểm l&agrave; g&igrave;? C&aacute;ch d&ugrave;ng, dấu hiệu nhận biết, b&agrave;i tập, c&aacute;ch học? H&atilde;y c&ugrave;ng Monkey t&igrave;m hiểu r&otilde; hơn ngay trong b&agrave;i viết sau đ&acirc;y.

Công thức tính bán kính mặt cầu oxyz trong toán học

Chủ đề Công thức tính bán kính mặt cầu oxyz Công thức tính bán kính mặt cầu Oxyz là công thức đơn giản và hữu ích giúp chúng ta tính toán kích thước của mặt cầu trong không gian ba chiều. Điều này giúp chúng ta dễ dàng xác định bán kính của mặt cầu, từ đó ứng dụng vào việc giải các bài toán liên quan đến hình học không gian. Công thức này đóng vai trò quan trọng trong việc xây dựng và phát triển kiến thức hình học.