Ссылки, изображения и таблицы

Гиперссылка — основа веба. Она создаётся тегом <a> (anchor), адрес указывается в атрибуте href: <a href="https://informatik.uz">Informatik.uz</a>. Текст внутри тега отображается на странице как ссылка. Для перехода на другую страницу своего проекта достаточно относительного адреса: <a href="about.html">О нас</a>. Чтобы открыть ссылку в новом окне, добавляют атрибут target="_blank".

Изображение вставляют тегом <img>. У него нет закрывающей пары и два важных атрибута: src — адрес файла изображения, alt — текст, описывающий картинку: <img src="logo.png" alt="Логотип школы" width="200">. Текст alt виден, если картинка не загрузилась, и озвучивается программой экранного доступа для пользователей с нарушением зрения. Для веба используют форматы JPG, PNG, WebP.

Таблицу создаёт тег <table>. Каждая строка записывается в <tr>, ячейка заголовка — в <th>, обычная ячейка — в <td>: <tr><th>Предмет</th><th>Оценка</th></tr>, затем <tr><td>Информатика</td><td>5</td></tr>. Чтобы растянуть ячейку на несколько столбцов или строк, есть атрибуты colspan и rowspan. Таблицу применяют только для показа данных, а не для макета страницы.

Используя эти теги вместе, можно построить небольшой многостраничный сайт: на главной странице — меню из списка ссылок (<a> внутри <ul>), на других — изображения и таблицы. Имена файлов пишите строчными латинскими буквами без пробелов (dars-jadvali.html), потому что на серверах регистр букв различается. Проверяйте работу ссылок, открывая страницу.

Главное

• Ссылка записывается как <a href="адрес">текст</a>.
• Изображение вставляется <img src="…" alt="…">; текст alt важен.
• Таблица — <table>, строка — <tr>, заголовок — <th>, ячейка — <td>.
• Имена файлов пишите строчными латинскими буквами без пробелов.