После копирования некоторых кодов графики и спецэффектов изображений с некоторых веб-сайтов всегда возникают такие проблемы, как неотображение изображений. Вот соответствующее руководство, специально написанное для этих новичков! Что касается применения изображений на веб-страницах, то есть применения тегов изображений на веб-страницах, позвольте мне подвести итог!
1) Обзор разметки изображений.
Если на веб-странице есть только текст, но нет изображений, она потеряет большую часть жизненной силы. Изображения являются очень важным аспектом при создании веб-страницы. HTML Professional предоставляет тег <IMG> для вывода изображений на веб-страницу. Этот тег имеет атрибуты SRC, ALT, ALIGN, BORDER, WIDTH и HEIGHT.
2) Знакомство с атрибутами.
Атрибут SRC. Для тега <IMG> его атрибут SRC является необходимым атрибутом, то есть SRC должно быть присвоено значение в теге <IMG> и является неотъемлемой частью тега. В это время IMG следует писать в следующем формате:
Ниже приводится фрагмент цитаты:
<IMG SRC="значение параметра">
Среди них значением параметра является полное имя файла и путь к изображению.
Мы знаем, что файлы изображений обычно занимают гораздо больше места, чем обычные текстовые файлы, такие как документы HTML, и веб-дизайн часто требует добавления большого количества изображений, чтобы повысить привлекательность. Если эти файлы изображений добавлены в документ HTML, документ HTML станет очень большим. В целом передача по сети неизбежно будет очень медленной.
Тег <IMG> на самом деле не добавляет изображение в документ HTML, а сообщает HTML: какой это файл изображения? Где? Чтобы HTML мог вызвать его из исходного местоположения файла изображения. Функция атрибута SRC заключается в ответе на эти два вопроса, поэтому значение параметра атрибута SRC должно содержать полное имя файла изображения, то есть имя и расширение файла, например logo.gif, что отвечает на вопрос о том, какой это файл изображения; значение параметра также должно содержать путь к файлу изображения, чтобы HTML знал, где найти файл изображения. Среди значений параметров атрибута SRC то, как прописать путь к файлу изображения, часто является проблемой для новичков.
Путь к файлу изображения может быть относительным путем или URL-адресом. Так называемый относительный путь относится к пути, образованному относительным положением файла, который нужно связать или внедрить в текущий документ HTML и текущий файл HTML. Если файл HTML и файл изображения (при условии, что имя — logo.gif) находятся в одном каталоге, вы можете написать код как <IMG SRC="logo.gif">, если файл изображения расположен в каталоге, где находится файл изображения. текущий файл HTML находится в подкаталоге (при условии, что подкаталог называется images), код должен быть <IMG SRC="images/logo.gif">, если файл изображения расположен в верхнем каталоге каталога, где находится текущий HTML; находится файл (при условии, что верхний каталог называется home), относительный путь должен быть квази-URL, то есть используйте «../» для обозначения веб-сайта разработчика, за которым следует путь к файлу изображения на веб-сайте разработчика. . Например, если дом является каталогом на этом веб-сайте, код должен быть <IMG SRC="../home/logo.gif">. Если дом является подкаталогом в каталоге King на веб-сайте, код должен быть таким. написано <IMG SRC=»../king/home/logo.gif»>.
Другие атрибуты. Атрибуты ALT, ALIGN, BORDER, WIDTH и HEIGHT тега <IMG> являются необязательными. Атрибут ALIGN — это выравнивание изображения, значения параметра — по левому краю, по центру и по правому краю — граница изображения, его параметр больше или равен 0, а единица измерения по умолчанию — пиксели; Атрибуты WIDTH и HEIGHT. Это ширина и высота изображения, единицей измерения по умолчанию являются пиксели; атрибут ALT — это текст, отображаемый при наведении курсора мыши на изображение. Я хотел бы напомнить всем, что вы должны использовать его. атрибут при создании веб-страниц. Какова цель этого? Он может отображать текст подсказки, когда изображение по какой-либо причине не может быть отображено, что повышает удобство использования.