Bài đăng nổi bật

 Có nhiều lý do tại sao bạn có thể muốn thêm hình ảnh vào trang web: bạn có thể muốn bao gồm biểu trưng, ảnh chụp, hình minh họa, sơ đồ hoặc biểu đồ.

Có một số điều cần xem xét khi lựa chọn và chuẩn bị hình ảnh cho trang web của bạn, nhưng dành thời gian để làm cho chúng đúng cách sẽ làm cho nó trông hấp dẫn và chuyên nghiệp hơn.

Trong chương này, bạn sẽ học cách:

● Đưa hình ảnh vào các trang web của bạn bằng HTML

● Chọn định dạng hình ảnh sẽ sử dụng

● Hiển thị hình ảnh ở kích thước phù hợp

● Tối ưu hóa hình ảnh để sử dụng trên web để làm cho các trang tải nhanh hơn

<html>
   <head>
      <title>Images</title>
   </head>
   <body>
      <img src="./images/logo.gif" alt="From A to Zucchini" />
      <figure>
         <img src="./images/chocolate-islands.jpg" alt="Chocolate Islands"
         title="Individual Chocolate Cakes" />
         <p>
            <figcaption>
               This recipe for individual chocolate cakes is so simple and so delectable!
            </figcaption>
         </p>
      </figure>
      <h4>More Recipes:</h4>
      <p>
         <img src="./images/lemon-posset.jpg" alt="Lemon Posset" title="Lemon Posset" />
         <img src="./images/roasted-brussel-sprouts.jpg" alt="Roasted Brussel Sprouts"
         title="Roasted Brussel Sprouts" />
         <img src="./images/zucchini-cake.jpg" alt="Zucchini Cake" title="Zucchini Cake"/>
      </p>
   </body>
</html>

Kết quả 


Code và Preview 


ảnh đính kèm 
được gửi trong Skype của lớp :) 

Tags

Post a Comment

إرسال تعليق

أحدث أقدم