Создание Web-страниц на html. Задание 1. Создание простейших файлов html
Чтобы создать свой файл HTML, сделайте следующее:
-
Создайте в своей папке папку HTML, в которой мы будем сохранять созданные Web-страницы.
-
Запустите стандартную программу Блокнот (Notepad) и наберите текст:
<HTML>
<HEAD>
<TITLE> Учебный файл HTML </TITLE>
</HEAD>
<BODY>
Расписание занятий на вторник
</BODY>
</HTML>
-
Сохраните файл под именем RASP.HTM.
-
Для просмотра созданной Web-страницы загрузите браузер Microsoft Internet Explorer.
-
Откройте в меню браузера Файл (File), Открыть (Open), Просмотр(Обзор - Browse) и найдите в своей папке файл RASP.HTM и загрузите его.
***Создайте аналогичным образом новую страницу, содержащую текст: «Расписание занятий на понедельник: Математика, Физика, Химия, Астрономия, Литература, Государственный башкирский язык». Сохраните в своей папке под именем UROK.HTM.
Задание 2. Управление расположением текста на экране
Информация. При отображении HTML-документов браузеры автоматически размещают текст на экране, не принимая во внимание встречающиеся в файле переводы строк и идущие подряд пробелов.
-
Откройте первоисточник Web-страницы – в меню браузера Вид (View), Источник (В виде HTML) либо (просмотр HTML-кода), откроется окно со стандартной программой Блокнот (Notepad), в котором ваша Web-страница представлена в командах HTML.
-
Внесите изменения в текст файла HTML, расположив слова "Расписание", "занятий", "на вторник" на разных строках:
<HTML>
<HEAD>
<TITLE> Учебный файл HTML </TITLE>
</HEAD>
<BODY>
Расписание
занятий
на вторник
</BODY>
</HTML>
-
Сохраните внесенные изменения в файле RASP.HTM, с помощью команд Файл (File), Сохранить (Save). Закройте программу Блокнот (Notepad).
-
Просмотрите с помощью браузера Microsoft Internet Explorer новую полученную Web-страницу используя клавишу F5 или с помощью команд Вид(View), Обновить (Refresh). Изменилось ли изображение текста на экране?
***В файле UROK.HTM расположите «Расписание занятий на понедельник» и предметы на разных строках (всего должно получиться 7 строк)
Примечание. В дальнейшем, после внесения изменений в Web-страницу, всегда выполняйте п.п.4-5.
Задание 3. Тэги перевода строки и абзаца
Информация. Существуют специальные команды, выполняющие перевод строки и задающие начало нового абзаца. Кроме того, существует команда, которая запрещает программе браузера каким-либо образом изменять форматирование текста и позволяет точно воспроизвести на экране заданный фрагмент текстового файла.
Тэг перевода строки <BR> отделяет строку от последующего текста или графики. Тэг абзаца <P> тоже отделяет строку, но еще добавляет пустую строку, которая зрительно выделяет абзац. Оба тэга являются одноэлементными.
-
Внесите изменения в текст файла HTML:
<HTML>
<HEAD>
<TITLE> Учебный файл HTML </TITLE>
</HEAD>
<BODY>
Расписание<P>
занятий<BR>
на вторник
</BODY>
</HTML>
-
Сохраните внесенные изменения в файле RASP.HTM и посмотрите полученный результат.
***В файле UROK.HTM первую строку выделите тэгом <P>, а остальные строки – тэгом <BR>.
В языке НТМL нет никаких средств для создания абзацного отступа («красной строки»), поэтому для удобочитаемости текста между абзацами браузер обычно вводит пустую строку.
Важным средством создания разделителей в тексте являются горизонтальные полоски-линейки, визуально отделяющие разные части документа друг от друга. Горизонтальная линейка создается тэгом <НR>. Это одиночный тэг, не имеющий соответствующего закрывающего тэга/
Атрибуты:
SIZE – толщина линии в пикселях;
WIDTH – длина линии в пикселях или процентах от ширины экрана;
ALING – выравнивание линии, может принимать значения LEFT, RIGHT, CENTER;
COLOR – цвет линии;
NOSHADE – линия рисуется без тени.
Например <HR NOSHADE WIDTH=”250” ALING=”LEFT”>