ЛР1. Основы языка разметки html.

Создание Web-страницы.

1. С помощью любого текстового редактора создаем текстовый файл, содержащий команды языка HTML. Здесь можно использовать Блокнот или WordPad из стандартных программ,. файл должен быть сохранен с расширением *.htm или *.html. Русские буквы должны быть набраны в кодировке Windows.
2. Открыть файл в браузере.
Простая web - cтраница:

1
2
3
4
5
6
7
8
9
10
11

<HTML>
<HEAD>
<TITLE>Моя первая Web -страница</TITLE>
</HEAD>
<BODY>
<P>Законы гидродинамики</P>
<A HREF="primer/index.html"> Примеры </A>
<IMG SRC="image1.jpg">
<IMG SRC="images/image2.jpg">
</ BODY >
</ HTML

Страница начинается с тэга < 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>


Последнее изменение: Tuesday, 9 October 2018, 11:24