Hướng dẫn the embed trong html

1] Thẻ trong HTML

- Thẻ dùng để nhúng một "tài liệu" nào đó vào trang web.

- Tài liệu ở đây rất đa dạng, có thể là:

  • Một tập tin audio
  • Một tập tin video
  • Một trang web
  • Một tập tin pdf
  • Một tập tin flash
  • ....

- Tuy nhiên, thông thường thì thẻ không dùng để nhúng các tập tin audio, video, trang web.

[Vì để nhúng những loại tập tin đó, ta đã có các thẻ chuyên dụng như , , ]

- Ví dụ: Dưới đây là một tập tin pdf được nhúng vào trang web bằng thẻ

- Lưu ý: Thẻ không có thẻ đóng.

2] Các thuộc tính của thẻ

- Thẻ có ba thuộc tính cơ bản.

- Dưới đây là bảng mô tả sơ lược về ba thuộc tính đó:

src

Xác định đường dẫn đến tài liệu mà bạn muốn nhúng vào trang web

width

Xác định chiều rộng của phần tử

height

Xác định chiều cao của phần tử

2.1] Thuộc tính src

- Thuộc tính src dùng để xác định đường dẫn đến tài liệu mà bạn muốn nhúng vào trang web.

[Đường dẫn ở đây có thể là đường dẫn tương đối hoặc đường dẫn tuyệt đối]




    

Xem ví dụ

2.2] Thuộc tính width

- Thuộc tính width dùng để xác định chiều rộng của phần tử

- Giá trị của thuộc tính width có thể được xác định theo một trong hai loại đơn vị:

  • px [pixel]
  • % [tỷ lệ phần trăm chiều rộng phần nội dung của phần tử cha của nó]

- Tuy nhiên, mặc định thì giá trị của thuộc tính width sẽ được xác định theo đơn vị px.




    

Xem ví dụ

2.3] Thuộc tính height

- Thuộc tính height dùng để xác định chiều cao của phần tử

- Giá trị của thuộc tính height có thể được xác định theo một trong hai loại đơn vị:

  • px [pixel]
  • % [tỷ lệ phần trăm chiều cao phần nội dung của phần tử cha của nó]
  • Nếu xác định chiều cao của phần tử dựa theo đơn vị % thì bắt buộc phần tử cha của nó phải có một chiều cao được xác định.

- Tuy nhiên, mặc định thì giá trị của thuộc tính height sẽ được xác định theo đơn vị px.




    

Xem ví dụ

3] Định dạng CSS mặc định

- Hầu hết các trình duyệt sẽ hiển thị phần tử với định dạng CSS như sau:

embed:focus { 
    outline: none;
}

  • Trang chủ
  • Tham khảo
  • Tag html
  • html5

Định nghĩa và sử dụng

  • Tag xác định nội dung nhúng như một plugin.
  • Tag thường được dùng để chèn flash.

Sự khác nhau giữa HTML4.01 và HTML5

HTML4.01HTML5
● Không hỗ trợ ● Đây là tag mới trong HTML5

Html viết:

Trình duyệt hỗ trợ

Tag được hỗ trợ trong đa số các trình duyệt.

Thuộc tính

Cách sử dụng:

Thuộc tính tùy chọn

Thuộc tínhGiá trịVí dụMô tả
height pixel height="50px" Xác định chiều cao cho embed.
src URL src="swf/embed.swf" Xác định đường dẫn của embed.
type loại MIME type="image/gif" Xác định loại MIME cho embed.
width pixel width="100px" Xác định chiều rộng cho embed.

Thuộc tính Tổng quát và thuộc tính sự kiện

Tất cả thuộc tính tổng quát và thuộc tính sự kiện được xác định trên phần lớn các thành phần HTML5

Ví dụ

Nhúng một flash animation:

  • Định nghĩa và cách dùng
  • Trình duyệt
  • Sự khác biệt giữa HTML 4.01 và HTML5
  • Các thuộc tính
  • Thiết lập CSS mặc định

Định nghĩa và cách dùng

Thẻ định nghĩa một ứng dụng bên ngoài hoặc nội dung tương tác [một plug-in].

Trình duyệt

Thẻ Chrome IE FireFox Safari Opera

Sự khác biệt giữa HTML 4.01 và HTML5

Thẻ là thẻ mới trong HTML5.

Lưu ý: Nhiều trình duyệt hiện đã hỗ trợ thẻ trong thời gian dài rồi. Tuy nhiên, thẻ không phải là một tiêu chuẩn trong HTML4. Thẻ là thẻ mới trong HTML5 và sẽ hợp chuẩn trong trang HTML5. Dù sao, nếu bạn sử dụng nó trong HTML 4, trang sẽ không hợp chuẩn.

Các thuộc tính

Thuộc tínhGiá trịMô tả
height pixels Chỉ định chiều cao của nội dung nhúng
src URL Chỉ định địa chỉ của file bên ngoài được nhúng
type media_type Chỉ định kiểu media của nội dung nhúng
width pixels Chỉ định chiều rộng của nội dung nhúng

Thiết lập CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị phần tử với giá trị mặc định sau:

embed:focus {
outline: none;
}

Chủ Đề