Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.222.56.71
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Модератор форума: Hawk  
Как добавить картинку на веб-страницу?
Сообщение оставлено 25.08.2011 в 21:40:34 | Сообщение #1
Для добавления изображения в документ применяется тег <img>, его атрибут src определяет путь к графическому файлу, который должен быть в формате GIF, PNG или JPEG. Также для тега <img> необходимо указать обязательный атрибут alt, он описывает альтернативный текст, видимый при загрузке изображения или отключении картинок в браузере.

Code
В HTML
<img src="путь к файлу" alt="альтернативный текст">

В XHTML
<img src="путь к файлу" alt="альтернативный текст" />


Если графический файл находится в одной папке с HTML-документом, то в качестве пути достаточно указать только имя файла (пример 1).

Пример 1. Добавление картинки на веб-страницу

Code
XHTML 1.0IE 7IE 8IE 9Cr 11Op 11Sa 5Fx 4
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>Дзен</title>
  </head>
  <body>
   <p><img src="images/dzen.png" alt="Дзен" /></p>
  </body>
</html>


Учтите, что когда на странице применяется строгий <!DOCTYPE>, тег <img> допустимо размещать только внутри блочных элементов вроде <p> или <div>.
 
 
   
Сообщение оставлено 29.08.2011 в 09:22:42 | Сообщение #2
Да, кстати, если мы ставим картинку впереди ссылки, и хотим чтобы она выровнилась на уровне этой ссылки, допишем атребут align со значением "absmiddle". И итоге: align="absmiddle". smile
 
 
   
Сообщение оставлено 10.09.2011 в 09:00:27 | Сообщение #3
Познавательно, не знал! Спасибо!
 
Друг: Думаю надо извиниться. А ты как считаешь?
Я: На калькуляторе.
Друг: Я серьёзно.
Я: Ну иногда столбиком :DAAA
 
   
Сообщение оставлено 17.10.2011 в 18:06:02 | Сообщение #4
это самые основы HTML
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика