Hướng dẫn width and height attributes in html - thuộc tính chiều rộng và chiều cao trong html

❮ Thẻ HTML

Thí dụ

Một hình ảnh có chiều cao 600 pixel và chiều rộng 500 pixel:

Hãy tự mình thử »

Thuộc tính width chỉ định độ rộng của hình ảnh, tính bằng pixel.

Mẹo: Luôn chỉ định cả hai thuộc tính height và width cho hình ảnh. Nếu chiều cao và chiều rộng được đặt, không gian cần thiết cho hình ảnh được đặt trước khi trang được tải. Tuy nhiên, nếu không có các thuộc tính này, trình duyệt không biết kích thước của hình ảnh và không thể đặt chỗ không gian thích hợp cho nó. Hiệu ứng sẽ là bố cục trang sẽ thay đổi trong khi tải (trong khi tải hình ảnh). Always specify both the height and width attributes for images. If height and width are set, the space required for the image is reserved when the page is loaded. However, without these attributes, the browser does not know the size of the image, and cannot reserve the appropriate space to it. The effect will be that the page layout will change during loading (while the images load).

Mẹo: Thu hẹp một hình ảnh lớn với các thuộc tính height và width buộc người dùng phải tải xuống hình ảnh lớn (ngay cả khi nó trông nhỏ trên trang). Để tránh điều này, hãy đặt lại hình ảnh với một chương trình trước khi sử dụng nó trên một trang. Downsizing a large image with the height and width attributes forces a user to download the large image (even if it looks small on the page). To avoid this, rescale the image with a program before using it on a page.

Hỗ trợ trình duyệt

Cú pháp

Giá trị thuộc tính

❮ Thẻ HTML

Thuộc tính width có hỗ trợ trình duyệt sau cho từng phần tử:

Yếu tố

Tranh sơn dầu For input elements, the width attribute is used only with .

Áp dụng cho

Thuộc tính width có thể được sử dụng trên các yếu tố sau:

Các yếu tố	Thuộc tính
	bề rộng
	bề rộng
bề rộng Ví dụ Ví dụ vải bề rộng Ví dụ Ví dụ vải & nbsp; Tên đầu tiên: & nbsp; Họ: & nbsp;   First name:   Last name:   Hãy tự mình thử » Ví dụ đối tượng Một hình ảnh động flash có chiều cao và chiều rộng 400 pixel :: Hãy tự mình thử » Ví dụ đối tượng Một hình ảnh động flash có chiều cao và chiều rộng 400 pixel :: Một yếu tố có chiều cao và chiều rộng 200 pixel:       Your browser does not support the video tag. Hãy tự mình thử » Ví dụ đối tượng Một hình ảnh động flash có chiều cao và chiều rộng 400 pixel :: Một yếu tố có chiều cao và chiều rộng 200 pixel: Ví dụ video 4.0 9.0 2.0 3.1 9.0 Trình phát video có chiều rộng và chiều cao được chỉ định: & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. Hỗ trợ trình duyệt & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. Hỗ trợ trình duyệt & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. Hỗ trợ trình duyệt 1.0 & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. 16.0 & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. 1.0 Hỗ trợ trình duyệt & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. Hỗ trợ trình duyệt & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. & nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. Firefox Wufoo Bắt đầu Mẫu web Đặc trưng Mẫu Giá cả Hướng dẫn Tại sao wufoo? Dễ dàng, các biểu mẫu và báo cáo trực tuyến có thể tùy chỉnh Tích hợp Ví dụ Blog Trung tâm trợ giúp ĐĂNG NHẬP Đặc trưng Mẫu Giá cả Hướng dẫn Tại sao wufoo? Dễ dàng, các biểu mẫu và báo cáo trực tuyến có thể tùy chỉnh Tích hợp Ví dụ Blog Trung tâm trợ giúp ĐĂNG NHẬP Đặc trưng Giá cả Tích hợp Ví dụ Hướng dẫn Tại sao wufoo? Dễ dàng, các biểu mẫu và báo cáo trực tuyến có thể tùy chỉnh Tích hợp Blog Trung tâm trợ giúp ĐĂNG NHẬP LOGIN Bản thử trực tiếp Firefox Cuộc đi săn Cuộc đi săn Trình duyệt Chrome Opera I E Android Thấp xuống Tương tự như phần tử & nbsp; Các thuộc tính chiều cao và chiều rộng chỉ có liên quan trên & nbsp; ________ 10 & nbsp; và các nút hình ảnh, & nbsp; ________ 16, xác định kích thước của hình ảnh: Thuộc tính & nbsp; ____ 1 & nbsp; xác định chiều cao của hình ảnh trong các pixel CSS.& Nbsp; ________ 0 & nbsp; thuộc tính xác định chiều rộng. Nếu bị bỏ qua và không được xác định với CSS, chiều cao và chiều rộng của hình ảnh sẽ là kích thước thực tế của hình ảnh. Thuộc tính & nbsp; ____ 13 & nbsp; xác định nguồn hoặc vị trí của hình ảnh. Thuộc tính được yêu cầu & nbsp; ____ 14 & nbsp; Hãy để Wufoo làm công việc khó khăn. Đọc tiếp

Reply 0 0 Chia sẻ