ЛР1. Основы языка разметки html.
Создание Web-страницы.
1. С помощью любого текстового редактора создаем текстовый файл, содержащий команды языка HTML. Здесь можно использовать Блокнот или WordPad из стандартных программ,. файл должен быть сохранен с расширением *.htm или *.html. Русские буквы должны быть набраны в кодировке Windows.
2. Открыть файл в браузере.
Простая web - cтраница:
Страница начинается с тэга < HTML > и заканчивается закрывающим тэгом </HTML >. Содержимое страницы находится между ними и делится на две части, которые заключаются в парные тэги < HEAD> и <BODY>.
Тэг <HEAD> (от английского head — голова) содержит заголовок страницы, записанный внутри тэга <TITLE>, и, возможно, другую служебную информацию, например, ключевые слова для поисковых машин.
В рабочую область браузера выводится все, что находится внутри тэга <BODY> (от английского body — тело). Именно внутри этого блока надо размещать текст, рисунки, таблицы и т.п.
<p> -тег параграфа
<IMG SRC="image1.jpg">- тег рисунка(рисунок находится в той же папке, что и htm -файл )
<A HREF="primer/index.html"> - файл ссылки
Практические задания
Задание 1
Создать каталог (F7) на локальном диске в каталоге своей группы (\home\students\группа\имя), для локальной работы с сайтом.
Открыть редактор Блокнот.
Создать главную страницу сервера (index.htm или index.html), на которой разместить информацию:
- Название программных продуктов, которые вы описываете
- номер группы(жирный шрифт и цвет зеленый)
- название и ссылка на официальную страницу программного продукта
- список возможностей программного продукта
Разместить на этой странице какую-нибудь картинку (тег img). Сделать её ссылкой на официальную страницу программного продукта
Задание 2
Выбрать режим работы с исходником страницы.
В исходнике страницы укажите, в виде комментариев, для чего предназначена каждая группа тегов (каждый открывавший тег) и их свойства (атрибуты).
Пояснение:
<p> - открывающий тег.
</p> - закрывающий тег.
Примеры:
<br>
<!-- Перевод строки -->
<font color=#0000a0 size=3>
<!-- Шрифт, имеющий цвет=0000a0, размер=3 -->
</font>