Sau khi thử một số giải pháp sẵn sàng để sử dụng, không yêu cầu bất kỳ kiến thức về vấn đề này, bạn quyết định thử bàn tay của bạn trong việc tạo ra một trang web Internet "tay sporcandoti" với mã HTML. Bạn rất đam mê nó, nhưng có một số điều bạn chưa thể hiểu rõ.
Ví dụ, bạn muốn được nói rõ về cách chèn các đoạn HTMLhình ảnh, các thông số chính xác để sử dụng cho định dạng mã là gì và những thông tin nào có thể được chèn vào sau này. Vâng, biết rằng bạn đã đến đúng nơi vào đúng thời điểm. Chúng tôi không lãng phí bất kỳ thời gian hơn và chúng tôi ngay lập tức nhìn thấy hết những gì cần biết về chèn hình ảnh trong trang web và blog sử dụng mã HTML.
Để hiểu làm thế nào để chèn hình ảnh vào HTML, bạn phải chắc chắn rằng bạn biết một khái niệm quan trọng: những hình ảnh mà bạn nhìn thấy trên các trang web của các trang web Internet, blog và diễn đàn không được tích hợp vào sau nhưng được gọi là từ các địa điểm bên ngoài. Điều này có nghĩa là mỗi ảnh phải có một địa chỉ duy nhất mà người dùng có thể tham khảo để sử dụng nó trực tuyến.
Địa chỉ của một hình ảnh bao gồm này: lúc đầu có là địa chỉ của không gian web mà trên đó nó được lưu trữ (. Ví dụ) và sau đó c ' là tên của hình ảnh mở rộng đầy đủ (ví dụ:Immagine.jpg). Địa chỉ trực tiếp của một hình ảnh trên web do đó phải có một thành phần củaimmagine.jpg loại.
Tại thời điểm này, có lẽ bạn đang tự hỏi, nhưng làm thế nào để bạn gọi địa chỉ của một hình ảnh trên một trang web, để làm cho bức ảnh có thể nhìn thấy cho công chúng? Không có gì đơn giản hơn. Chỉ cần sử dụng thẻimg src = tiếp theo là lờivà địa chỉ của hình ảnh để vào trang trong dấu ngoặc kép. Tiếp tục với ví dụ trên, bạn nên sử dụng các định dạng sau:
Bây giờ bạn biết làm thế nào để chèn một hình ảnh vào HTMLsử dụng mã cơ bản, nhưng bạn có thể thêm các biến khác để xác định kích thước, liên kết, và khoảng cách của các bức ảnh trong bối cảnh của các trang mà chúng được chèn vào.
Để sắp xếp một hình ảnh ở trung tâm, trái, phải, lên hoặc xuống trang, bạn phải làm là sử dụng các định dạng mà chúng ta vừa nhìn thấy nhau và thêm vào đó align = biếntiếp theo là loại điều khoản bạn muốn đưa vào ảnh. Dưới đây là một ví dụ:
Với mã này, chúng tôi đã liên kết hình ảnh ở trung tâm (trung tâm giá trị) nhưng trên thực tế bạn có thể sử dụng nhiều loại khác của các biến để align: leftgắn những hình ảnh bên trái;ngay gắn hình ảnh đúng;dưới cùngcó ảnh ở phía dưới bên phải của dòng văn bản đầu tiên;giữacó ảnh ở phần trung tâm ở bên phải của dòng đầu tiên của văn bản;trên cùngcó ảnh ở trên cùng bên phải của dòng văn bản đầu tiên.
Như đã đề cập ở trên, thông qua mã HTML bạn cũng có thể thay đổi kích thước hình ảnh (chỉ thị, mà không thay đổi các tập tin ban đầu) và chỉ định khoảng cách đó phải có liên quan đến các yếu tố khác tạo nên các trang web mà họ xuất hiện.
Để chỉ ra các kích thước đó phải có một hình ảnh, bạn phải sử dụng các biếnwidth và heightxác định các giá trị pixel, trong khi đối với khoảng cách bạn cần phải sử dụng giọng nói hspaceđể chỉ ra khoảng cách ngang vàvspaceđể chỉ ra khoảng cách dọc. Dưới đây là ví dụ về ảnh có kích thước 300 × 200 pixel có khoảng cách dọc và ngang 20 pixel:
Cuối cùng chúng ta thấy cáchkết hợp một liên kết đến một hình ảnh, do đó click vào nó sẽ được chuyển hướng đến một trang cụ thể hoặc trang web, và làm thế nào để nhập một mô tả văn bản của bức tranh để được chơi trong trường hợp này không thể hiển thị một cách chính xác (ví dụ. các lỗi máy chủ hoặc huỷ bỏ các hình ảnh từ vị trí ban đầu của nó).
Để thêm một liên kết Internet để một hình ảnh, bạn cần làm là hãy thêm mã a href =tiếp theo là địa chỉ của trang web để liên kết đến các mã hình ảnh và chènthẻ đến hết các mã. Dưới đây là một ví dụ trong đó hình ảnh chúng tôi đã sử dụng cho đến nay ví dụ của chúng tôi là liên kết địa chỉwww.sitodalinkare.com:
Đối với các mô tả văn bản, tuy nhiên, sau này được thêm vào bức ảnh bằng cách sử dụngalt đangnên được sử dụng theo cách này:
tôi muốn nói đó là nó! Bây giờ bạn biết tất cả các quy tắc cơ bản chochèn HTML hình ảnh trong blog và các trang web. Phải mất rất ít để tìm hiểu họ, bạn sẽ thấy? Và từ đây bạn có thể đi vào đó rất nhiều khám phá các tính năng mà bạn có thể tận dụng sử dụng HTML. Hãy vui vẻ!