Thực hành 1

Nhiệm vụ 1: Chèn hình ảnh

Yêu cầu: Soạn văn bản HTML để tạo trang web có một hình ảnh giới thiệu Văn Miếu Quốc Tử Giám

Hướng dẫn thực hiện:

Bước 1. Tạo tệp “Bài 5 – NV1.html”.

Bước 2. Tạo cấu trúc và khai báo phần tử head cho tệp “Bai5 – NV1.html

Bước 3. Chuẩn bị tệp hình ảnh

-        Sử dụng công cụ tìm kiếm google, chọn chế độ tìm kiếm hình ảnh để tìm một hình ảnh về Văn Miếu Quốc Tử Giám và lưu ảnh về máy tính.

-        Lưu ảnh với tên “vanmieu.jpg” trong cùng thư mục lưu tệp “Bai5 – NV1.html”.

Lưu ý: Có thể chèn hình ảnh từ nguồn khác trên Internet mà không phải lưu ảnh về máy tính. Thực hiện bằng cách sao chép đường link và gán thuộc tính src trong khai báo phần tử img. Tuy nhiên, khi mất kết nối Internet hay nguồn bị thay đổi thì việc hiển thị hình ảnh có thể bị gặp lỗi.

Bước 4. Chèn hình ảnh vào trang web.

Trong nội dung phần tử body: Khai báo phần tử img với thuộc tính src = “vanmieu.jpg”, thuộc tính alt = “Văn Miếu Quốc Tử Giám”.

Bước 5. Ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.