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.
Bài hôm nay chúng ta sẽ cùng tìm hiểu các thẻ định dạng HTML này. Bài học nằm trong Serie HTML căn bản
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:
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.
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!
Những bài bạn nên xem:
- Cách dùng thẻ a để tạo liên kết trong HTML
- Các thẻ HTML định dạng danh sách (list)
- Các thẻ HTML định dạng văn bản
- Các thẻ HTML khai báo thông tin trang web
- HTML là gì? Bố cục HTML của một trang web
