Hình ảnh, giống như tất cả các phần tử khác của trang web, được trình duyệt hiển thị theo hướng dẫn chi tiết do máy chủ gửi. Các hướng dẫn này được viết bằng HTML (Ngôn ngữ đánh dấu siêu văn bản) và bao gồm các “thẻ”. Các thẻ mô tả loại của tất cả các phần tử của một trang web, vị trí và giao diện của chúng.
Hướng dẫn
Bước 1
Đầu tiên, bạn cần tải tệp hình ảnh lên máy chủ. Điều này có thể được thực hiện bằng FTP (Giao thức truyền tệp) thông qua một chương trình đặc biệt. Các chương trình này được gọi là ứng dụng khách FTP - ví dụ như Cute FTP, WS FTP, FlashFXP và các chương trình khác. Nhưng bạn có thể tải xuống thông qua trình quản lý tệp, trình quản lý này sẽ nằm trong bảng điều khiển của máy chủ lưu trữ trên đó trang web của bạn được lưu trữ. Trình quản lý tệp cho phép bạn tải tệp lên thông qua trình duyệt của mình.
Bước 2
Sau đó, bạn cần đặt thẻ tương ứng trong mã html của trang mong muốn. Đó là, bạn nên tìm trang này và mở mã nguồn của nó để chỉnh sửa. Nếu bạn có một tệp trang, bạn có thể mở nó bằng một trình soạn thảo văn bản đơn giản - ví dụ: Notepad tiêu chuẩn. Và nếu bạn sử dụng bất kỳ hệ thống nào để quản lý trang web, thì trong bảng quản trị của hệ thống này, hãy tìm trình chỉnh sửa trang và mở trang mong muốn trong đó. Sau đó, nó vẫn là chèn thẻ hình ảnh vào vị trí bạn cần trên trang và lưu các thay đổi.
Bước 3
Thông tin thêm về bản thân thẻ - ở dạng đơn giản nhất, nó có thể trông như thế này: Thẻ chứa nhiều thông tin bổ sung khác nhau - "thuộc tính". Chỉ có một thuộc tính cần thiết cho thẻ hình ảnh - src. Nó cho trình duyệt biết địa chỉ nơi nó sẽ lấy tệp chứa carnink. Nếu tệp này nằm trên máy chủ trong cùng thư mục (hoặc thư mục con) với chính trang đó, thì chỉ cần chỉ định tên của nó hoặc đường dẫn đến thư mục con là đủ. Những địa chỉ như vậy được gọi là "tương đối". Và một địa chỉ tuyệt đối có thể trông như thế này:
- Thuộc tính khác - alt="Hình ảnh" - chứa văn bản xuất hiện trong chú giải công cụ khi di chuột qua: Các thuộc tính khác - tiêu đề thực hiện tương tự: - Hai thuộc tính - chiều rộng và chiều cao - đặt kích thước của hình chữ nhật trong đó trình duyệt sẽ hiển thị hình ảnh: Các thuộc tính này không bắt buộc, nhưng nếu có sự cố và hình ảnh không thể tải, thì tất cả các phần tử khác của trang có thể không đúng vị trí, vì trình duyệt không nhận ra các kích thước mà hình ảnh nên đã chiếm. Kích thước được chỉ định bằng "pixel" - đây là đơn vị đo lường chính được sử dụng trong bố cục trang. - Thuộc tính border đặt chiều rộng của đường viền xung quanh hình ảnh (tính bằng pixel): Nếu hình ảnh được tạo thành một liên kết, trình duyệt sẽ vẽ một đường viền màu xanh xung quanh nó theo mặc định. Để loại bỏ nó, bạn cần đặt giá trị đường viền thành 0: - Hai thuộc tính đặt thụt lề của hình ảnh từ các phần tử liền kề (ví dụ: từ các dòng văn bản) - hspace đặt thụt lề ngang (trái và phải), vspace - theo chiều dọc (dưới cùng và trên cùng): - Đây là những thuộc tính được sử dụng phổ biến nhất và có hơn 50 thuộc tính trong số đó cho thẻ này!
