Cách Tạo ảnh Trong Html

Mục lục:

Cách Tạo ảnh Trong Html
Cách Tạo ảnh Trong Html
Anonim

HTML là một ngôn ngữ đánh dấu được sử dụng để tạo các trang Internet. Nó có thể được sử dụng để tùy chỉnh hiển thị các yếu tố khác nhau, bao gồm cả hình ảnh. Việc cài đặt hiển thị hình ảnh trong HTML được thực hiện thông qua một thẻ đặc biệt.

Cách tạo ảnh trong html
Cách tạo ảnh trong html

Hướng dẫn

Bước 1

Mở tệp HTML của bạn bằng trình soạn thảo văn bản mà bạn sử dụng để chỉnh sửa các trang web. Nếu bạn không có tệp HTML, hãy tạo tệp đó bằng cách nhấp chuột trái vào màn hình nền hoặc trong thư mục cần thiết và nhấp vào menu "Mới" - "Tài liệu Văn bản". Nhập tên tệp và thêm phần mở rộng html sau dấu chấm. Sau đó nhấp chuột phải vào tài liệu một lần nữa và chọn "Mở bằng" - "Notepad". Bạn sẽ thấy một tài liệu trống trong đó bạn có thể đặt mã HTML.

Bước 2

Để tạo một hình ảnh trong HTML, một thẻ được sử dụng, thẻ này phải được đặt trong một phần để hiển thị. Ví dụ:

Hình ảnh trong HTML

Bước 3

Thẻ không đóng và không yêu cầu thẻ đóng. Tham số chính của nó, phải được sử dụng, là src, đặt đường dẫn đến tệp hình ảnh mong muốn. Bạn có thể chỉ định trong dòng này cả đường dẫn đầy đủ (với https://) và đường dẫn tương đối (ví dụ: /pictures/img.jpg) tới tệp hình ảnh mà bạn muốn đặt.

Bước 4

Một tham số quan trọng khác là alt, xác định tên của hình ảnh và nhận dạng của nó trên trang. Tên này sẽ xuất hiện khi người dùng đưa chuột vào ảnh.

Bước 5

Bạn cũng có thể sử dụng các thuộc tính chiều rộng và chiều cao để đặt các thông số hình ảnh. Cài đặt đầu tiên chịu trách nhiệm về độ dài và cài đặt thứ hai là về chiều cao của hình ảnh trên trang. Tham số này được chỉ định bằng pixel. Do đó, thẻ & img> có thể được đặt:

Bước 6

Sử dụng thẻ này, một hình ảnh được tạo, đường dẫn đến được ghi lại trong thuộc tính src. Khi di chuột vào ảnh, bạn sẽ thấy thông báo "tên ảnh". Trong trường hợp này, hình ảnh sẽ có chiều rộng 300 pixel và chiều cao 250 pixel. Bạn có thể thiết lập tất cả các thông số trên tùy thích.

Bước 7

Lưu các thay đổi vào tệp bằng chức năng "Tệp" - "Lưu". Mở tài liệu trong trình duyệt để kiểm tra xem hình ảnh có được tạo thành công bằng HTML hay không. Để thực hiện việc này, hãy bấm chuột phải vào tệp và chọn phần "Mở bằng", sau đó bấm vào dòng có tên trình duyệt của bạn. Tạo hình ảnh HTML đã hoàn tất.

Đề xuất: