Các thẻ HTML định dạng hình ảnh và video

FacebookGoogle+EmailPrint

Trong một website hình ảnh dường như là điều không thể thiếu, bởi khi có hình ảnh website sẽ trở nên sinh động hơn, giúp người dùng khi vào website của bạn không cảm thấy nhàm chám. Ngoài ra việc có những video trong website cũng giúp phần kích thích người dùng xem hơn và đặc biệt là các công cụ tìm kiếm như google sẽ chú ý đến website của bạn vì google cho rằng website của bạn có sự đầu tư bài bản qua đó có thứ hạng tìm kiếm cao hơn.

Chúng ta sẽ cùng tìm hiểu các thẻ định dạng HTML này.

Các thẻ HTML định dạng hình ảnh và video thông dụng

Thẻ img – chèn hình vào văn bản

Thẻ img chỉ có thẻ mở mà không có thẻ đóng

Cú pháp như sau :

<img src="hinh.jpg" width="400" height="100" border="1" alt="Mô tả về hình ảnh">

Trong đó :

  •  src=”hinh.jpg” là đường dẫn hình ảnh trong website
  •  width : chiều rộng hình ảnh
  •  height : chiều cao hình ảnh
  •  border : đường viền xung quanh hình ảnh
  •  alt : Mô tả về hình ảnh . Thuộc tính này rất quan trọng trong SEO vì vậy bạn nên có

Thẻ video – chèn các video mp4

Thẻ video có thẻ mở và thẻ đóng

Cú pháp :

<video width="100" height="100"> <source src="movie.mp4"> </video>

Trong đó : source src=”movie.mp4 là đường dẫn video trong thư mục website.

Ngoài ra bạn cũng có thể sử dụng thẻ audio để chèn các video vào website với cú pháp tương tự như thẻ video.

Thẻ embed – nhúng đối tượng (flash, nhạc)

Dùng để nhúng các đối tượng flash, video mp3, mp4.

Cú pháp :

<embed src="nhac.mp3" width="400" height="300"> </embed>

<embed src="tao-bang-trong-sql-server2012.mp4" width="400" height="300"> </embed>

Kết quả bạn sẽ thấy:

các thẻ html định dạng hình ảnh và video 012

Thẻ iframe – vùng định dạng

Thẻ iframe dùng để tạo 1 iframe (iframe là 1 vùng trong trang chứa 1 trang web khác)

Cú pháp :

<iframe src="http://vnexpress.net" width="500" height="600"> </iframe>

Trong đó : src=”http://vnexpress.net”  là iframe bạn muốn chèn vào trang web. Như ví dụ trên tức là bạn đã chèn trang web vnexpress.net vào website của bạn.

Kết quả là trang web vnexpress.net sẽ nằm thu nhỏ trong website của bạn.

các thẻ html định dạng hình ảnh và video 099

 

Lời kết : Kết thúc bài hôm nay bạn đã có thể biết được các thẻ HTML định dạng hình ảnh và video thường dùng, ngoài ra việc dùng thẻ iframe cũng góp phần quan trọng trong bố cục của một website. Bài tới chúng ta sẽ cùng tìm hiểu cách tạo một table và cách sử dụng table trong trang web.

Chúc bạn thành công!

(Nguồn: http://blogloi.com/cac-the-html-dinh-dang-hinh-anh-va-video/)

Bài liên quan

FacebookGoogle+EmailPrint