DANH MỤC: HTML

Bài 6: Thẻ img trong HMTL


-Một trang web không có ảnh các bạn nhìn có cảm thấy nổi bật không?. Hôm nay mình sẽ hướng dẫn mọi người dùng thẻ img trong HTML.

1,Cấu trúc.

-Về cơ bản thì thẻ img chỉ cần như này là đủ.

<img src="duong dan anh" alt="chu thich anh">

Ví dụ:

<img src="http://toidicode.com/wp-content/uploads/2016/09/default.png" alt="toi di code">

Hiển thị:

toi di code

2.Các thuộc tính đi kèm thông dụng.

a)Align.

-Thuộc tính align được dùng để sắp xếp vị trí của image theo thành phần bao ngoài(không khuyến khích dùng). Sau này khi học css có thể dùng thuộc tính text-align để thay thế.

-Các giá trị bên trong: top,bottom,center,left,right,middle. Ví dụ:

<img src="duong dan" alt="anh day" align="center">

b)border.

-Thuộc tính border dùng để xác định chiều rộng đường viền bao quanh image(Không khuyến khích sử dụng, sử dụng thuộc tính bordercủa css để thay thế). -Cách dùng:border="giá trị".

  • Giá trị được tính bằng pixel.

-Ví dụ:

<img src="duong dan" alt="chu thich" border="1px">

c)Height,width.

-Thuộc tính height,width được dùng để xác định chiều rộng và chiều cao của ảnh. -Đơn vị đo: pixel,%. Ví dụ:

<img src="duong dan" alt="chu thich" width="20px" height="20px">

3.Lời kết

Vậy là mình đã giới thiệu cho các bạn về thẻ img và một số các thuộc tính đi kèm trong HTML rồi nhé. Các bạn về nhà nhớ ôn tập thêm cho chắc. 

Nguồn: Toidicode.com

Thông tin tác giả

Vũ Thanh Tài

Vũ Thanh Tài

Biển học vô biên, quay đầu là dại!

Hãy tham gia group facebook để cùng giao lưu chia sẻ kiến thức! Tham Gia