![](/user_photo/2706_HbeT2.jpg)
- •1.1.2 Структура html-документа
- •1.1.3 Теги уровня документа
- •1.1.4 Основные теги форматирования текста
- •1.1.5 Специальные символы и комментарии
- •1.2 Практическая часть
- •Добавьте к странице свой текст (не менее 1/3 кода) и отформатируйте его.
- •1.3 Контрольные вопросы
- •Лабораторная работа 2. Изображения. Списки. Ссылки
- •2.1 Теоретические сведения
- •2.1.1 Изображения
- •2.1.2 Списки
- •2.1.3 Ссылки
- •2.2 Практическая часть
- •Добавьте к странице свой текст и изображения (не менее 1/3 кода) и отформатируйте его.
- •2.3 Контрольные вопросы
- •Лабораторная работа 3. Таблицы
- •3.1 Теоретические сведения
- •3.1.1 Таблицы. Общие сведения
- •3.1.2 Операции над ячейками таблицы
- •3.2 Практическая часть
- •3.3 Контрольные вопросы
- •Лабораторная работа 4. Формы
- •4.1 Теоретические сведения
- •4.1.1 Формы. Общие сведения
- •4.1.1 Элементы управления формы
- •4.2 Практическая часть
- •Добавьте к странице свой элементы форм (не менее 3-х).
- •4.3 Контрольные вопросы
- •Лабораторная работа 5. Фреймы. Карты изображений
- •5.1 Теоретические сведения
- •5.1.1 Фреймы
- •5.2 Практическая часть
- •5.3 Контрольные вопросы
- •Лабораторная работа 6. Введение в каскадные таблицы стилей.
- •Практическая часть
- •Создайте свои 3-4 класса стилей текста (каждый стиль должен включать по 3-4 свойства форматирования текста) и используйте их на странице.
- •Лабораторная работа 7. Свойства блочных объектов
- •Практическая часть
- •Создайте свои 2-3 класса стилей блока (каждый стиль должен включать по 3-4 свойства) и используйте их на странице.
- •Лабораторная работа 8. Дополнительные свойства css
- •Практическая часть
- •Создайте и используйте css-стили для работы со списками и таблицами (не менее 5).
- •Лабораторная работа 9. Верстка html–страниц
1.1.5 Специальные символы и комментарии
Ряд символов в языке используется в служебных целях (знаки больше и меньше), а ряд символов невозможно набрать на клавиатуре (неразрывный пробел, копирайт). Для отображения таких символов используют специальные коды, которые пишут во время верстки html-страниц (см. Таблицу 1.3):
Таблица 1.3 - Спецсимволы языка HTML
Имя |
Код |
Вид |
Описание |
" |
" |
" |
двойная кавычка |
& |
& |
& |
амперсанд |
< |
< |
< |
знак 'меньше' |
> |
> |
> |
знак 'больше' |
|
|
|
неразрывный пробел |
§ |
§ |
§ |
параграф |
© |
© |
© |
знак copyright |
® |
® |
® |
знак зарегистрированной торговой марки |
° |
° |
° |
градус |
± |
± |
± |
плюс-минус |
™ |
™ |
™ |
торговая марка |
° |
° |
° |
градус |
Такие символы можно добавлять как в виде имени, так и в виде кода. В программе HTMLPad для этого можно использовать команду Insert - Character - Special Character…
Для комментариев или временного исключения текста из html-страницы используют пары символов: <!-- Текст комментария -->.
1.2 Практическая часть
Создайте файл index.html (с помощью HTML-редактора).
Запишите в него следующие строки:
Сохраните файл. Запустите его на исполнение при помощи веб-браузера.
Используя информацию текстового файла, отформатируйте содержимое страницы таким образом, чтобы она была похожа на рисунок 1.3.
Рисунок
1.3 – Образец для выполнения лабораторной
работы