Маркированные и нумерованные списки

 

Средствами HTML можно создавать любые списки: нумерованные (цифровые и буквенные) и маркированные с разными типами маркеров.

 

Тег <ul>…</ul> формирует маркированный список.

 

Тег <ol>…</ol> формирует нумерованный список.

 

Отдельный элемент списка как в <ul>, так и в <ol> формируется с помощью тега <li>.

 

Практическое задание 3

 

1. Создайте нумерованный список под заголовком «Проекты домов».

2. Создайте маркированный список под заголовком «Площади домов». Ваш код будет выглядеть следующим образом (рисунок 12).

Рисунок 12

 

3. Просмотрите страницу в браузере.

 

 

Начертания шрифтов

 

Тег <b>…</b> – позволяет отобразить текст полужирным шрифтом.

 

Тег <i>…</i> – позволяет отобразить текст в курсивном начертании.

 

Тег <u>…</u> – отображает подчеркнутый текст.

 

Например:

 

В этом случае текст будет отображен <b><i> жирным курсивом </i></b>, но не подчеркнутым.

 

А в этом случае текст будет написан <b><i><u> жирным подчеркнутым курсивом </u></i></b>.

 

Нижние и верхние индексы

 

Тег _и позволяет опустить текст на полстроки ниже обычного текста.

 

Тег ^и позволяет поднять текст на полстроки выше обычного текста. Текст, расположенный между этими тегами, будет изображаться меньшим шрифтом, по сравнению с обычным текстом.

 

Практическое задание 4

1. Отформатируйте в первом абзаце название myhouse.ru полужирным шрифтом (рисунок 14).

Рисунок 14

 

2. Отформатируйте во втором абзаце фразу «Более 95% проектов» подчеркнутым курсивом (рисунок 15).

Рисунок 15

 

3. Отформатируйте верхние индексы в тех местах, где используются квадратные метры (рисунок 16).

Рисунок 16

4. Сохраните файл. Просмотрите через браузер. Web-страница должна выглядеть следующим образом (рисунок 17).

 

Рисунок 17

 

Вставка изображений

 

В нашей статье «Как создать HTML-страницу» мы рассмотрим, как размещать на веб-странице изображения.

Для вставки изображений используется тег <img>. Обязательным для этого тега является атрибут src (от английского SouRCe – источник). Он определяет путь до графического файла, изображение которого должно быть выведено на web-странице.

Для вставки изображения используется команда <img src="Имя файла" />

Например: <img src="image1.jpg" alt="Картинка" />

Атрибут alt необходим для того, чтобы при просмотре web-страницы в режиме отключенных изображений, вместо отсутствующей картинки была надпись, которая прописана в атрибуте alt. Также alt-тексты рекомендуется использовать всегда, т.к. поисковые машины анализируют их как ключевые слова при поиске изображений.

Графические файлы могут быть в формате jpg, gif, png и обязательно в цветовой модели RGB.