Phân biệt thẻ DIV và thẻ SPAN và các thuộc tính Hidden, Inline, Block trong HTML

1. Thẻ DIV
Thẻ <div> là một thẻ trung hòa và được sử dụng trong HTML với mục đích nhóm các phần tử lại thành một khối nhằm mục đích định dạng trong CSS.

Có thể chứa mọi đối tượng HTML bên trong nó (table, link, hình ảnh, div…). Trong trang web, tag DIV bao chứa một vùng dữ liệu.
Thường được dùng để nhóm các thành phần nội dung thành một khối để định dạng bằng css.

Ví dụ:
<div>
<h1>Company profile</h1>
 <p>Warmaster</p>
 </div>

Thẻ div còn có các thuộc tính : class, id, dir, lang, style, tabindex, titlte, xml:lang.        
Thẻ div dùng để định dạng 1 vùng,khi kết thúc thì nó xuống hàng.

2. Thẻ <SPAN>
Giống thẻ <div> trong việc định dạng một đối tượng trong HTML. Tuy nhiên, phạm vi sử dụng thẻ <span> thu hẹp hơn. Thông thường được dùng để bao quanh một vùng text, để định dạng vùng text bên trong.

Mặc định ở đầu và cuối tag SPAN không có xuống dòng.
Ví dụ:
 <body>
 <p >Su <span class=”red”> dung span</span></p>
 </body>

Trong thẻ span còn có các thuộc tính: class,id,dir,lang,style,tabindex,titlte,xml:lang.        
Thẻ span thường dùng để định dạng một đoạn text..,khi kết thúc không xuống hàng.

3.Thuộc tính (Hidden, Inline, Block)

a. Hidden: Thuộc tính hidden dùng để ẩn 1 nội dung mà người viết không muốn nó hiển thị trên website.

b. Inline: Là các thẻ chỉ hiển thị mà không cần xuống xòng mới.
Ví dụ: các thẻ <b></b>, <a></a>, <img />, <strong></strong>,…

c. Block: Là các thẻ định nghĩa một khối riêng biệt, thường được bắt đầu bằng một dòng mới khi hiển thị trên trình duyệt mà không cần dùng đến các thẻ xuống dòng(<br />).
Có thể kể ra ở đây một số thẻ dạng khối như: các thẻ heading(<h1> đến <h6>), thẻ paragraph(<p></p>), thẻ bảng(<table></table>).

Sưu tầm

Post a Comment

0 Comments