Замечание: Всегда добавляйте замыкающий слэш к ссылкам на поддиретории. Если вы создаете ссылку так: href="http://Uroki-HTML.ru/html", то генерируется два запроса к серверу, сначала сервер добавляет слэш к адресу, и затем создает новый запрос: href="http://Uroki-HTML.ru/html/".

Совет: Именованные ссылки часто используются для создания "таблицы содержания" в начале большого документа. Каждой главе внутри документа приписывается именованная ссылка, и ссылки на каждую из этих именованных анкеров вставляются в начало документа.

Совет: Если браузер не находит указанную именованную ссылку , он идет в начало документа. Никаких ошибок не возникает.

HTML Изображения - Тег <img> и Атрибут Src

В HTML, изображения определяются с помощью тега <img>.

Тег <img> пустой, т.е. он содержит только атрибуты и не имеет закрывающего тега.

Чтобы показать изображение на странице, вы должны использовать атрибут src. Src означает "source" - источник. Значение атрибута src - это адрес (URL или Uniform Resource Locator - Унифицированный Указатель Ресурса) изображения, которое вы хотите показать.

Синтакс определения изображения:

Адрес (URL) указывает место, где хранится изображение. Изображение под названием "boat.gif", расположенное в директории "images" на "http://Uroki-HTML.ru" имеет адрес URL: http://Uroki-HTML.ru/images/boat.gif.

Браузер показывает изображение как только встречает тег <img> в документе. Если вы поместите тег изображения между двумя параграфами браузер покажет первый параграф, затем изображение, а затем второй параграф.

HTML Изображения - Атрибут Alt

Атрибут alt указывает альтернативный текст для изображения, если изображение не может быть отображено браузером.

Значение атрибута alt - это некоторый текст, определяемый автором HTML документа:

Атрибут alt обеспечивает альтернативную информацию для изображения, если пользователь по какой-то причине не может увидеть его (в силу медленного соединения, ошибочно указанного адреса в src атрибуте, или если пользователь отключил показ изображений).

HTML Изображения - Установка Высоты и Ширины Изображения

Атрибуты высоты и ширины указывают высоту и ширину изображения.

Значения атрибутов указываются в пикселях по умолчанию:

Совет: Рекомендуется указывать атрибуты высоты и ширины для изображения. Если эти атрибуты установлены, пространство, требуемое для изображения резервируется при загрузке страницы. Однако, без этих атрибутов, браузер не знает размер изображения. В результате дизайн страницы будет изменяться (дергаться, прыгать) во время загрузки старницы (пока грузятся изображения).

Простые Замечания - Полезные Советы

Замечание: Если HTML файл содержит десять изображений - одиннадцать файлов необходимо, чтобы отобразить страницу корректно. Загрузка изображений занимает время, поэтому наш лучший совет: Используйте изображения осторожно.

Замечание: Когда веб страница загружается, именно браузер в этот момент, в действительности получает изображение с веб сервера и вставляет в страницу. Поэтому удостоверьтесь, что изображения действительно находятся в указанных местах в отношению к веб странице, иначе ваши посетители увидят изображения неправильных ссылок (например в виде красного крестика). Изображение неправильной ссылки отображается, если браузер не может найти изображение.

HTML Теги Изображений

HTML Таблицы

Таблицы определяются с помощью тега <table>.

Таблица состоит из строк (тег <tr>), и каждая строка состоит из ячеек с данными (тег <td>). td означает "table data" или данные таблицы, и содержит содержимое ячейки. Тег <td> может содержать текст, ссылки, изображения, списки, формы, другие таблицы и т.д.

Пример Таблицы

Как HTML код выше выглядит в браузере: