HỌC HTML-B4-SO SÁNH BA THẺ DIV, SPAN VÀ P

Cả 3 thẻ <div></div>, <span></span> và <p></p> đều là những thẻ có chung một chức năng là hiển thị đoạn văn trong HTML, tuy nhiên, giữa chúng vẫn có những điểm khác biệt.

Thẻ p là thẻ chứa đoạn văn,

sau khi kết thúc thẻ p, nội dung tiếp theo sẽ được viết xuống dòng và cách một dòng.

Ví dụ thẻ p:
--------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<p>
nguyenquangtuyen048.blogspot.com
</p>
<p>
nguyenquangtuyen048.blogspot.com
</p>
<p>
nguyenquangtuyen048.blogspot.com
</p>

</body>

</html>
--------------------------------------------------------------------------------------------------------------------------

Kết quả:
Thẻ p giúp xuống dòng và cách một dòng
Thẻ p

Thẻ DIV là một thẻ lưu trữ đoạn văn,

 nhưng nội dung sau thẻ div chỉ bắt đầu từ dòng sau đó và không cách một dòng giống thẻ p.

Ví dụ thẻ div trong HTML:
--------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<div>
nguyenquangtuyen048.blogspot.com
</div>
<div>
nguyenquangtuyen048.blogspot.com
</div>
<div>
nguyenquangtuyen048.blogspot.com
</div>

</body>

</html>
--------------------------------------------------------------------------------------------------------------------------

Kết quả:
Thẻ div chỉ xuống dòng,không cách dòng
Thẻ div




Thẻ span là thẻ chứa đoạn văn,

nhưng nội dung sau thẻ span được viết liền mạch,không xuống dòng,không cách dòng.

Ví dụ thẻ span
------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>


<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<span>
nguyenquangtuyen048.blogspot.com
</span>
<span>
nguyenquangtuyen048.blogspot.com
</span>
<span>
nguyenquangtuyen048.blogspot.com
</span>

</body>

</html>
------------------------------------------------------------------------------------------------------------------------

Kết quả:
Thẻ span
Thẻ span




Comments

Post a Comment