- •Занятие 1. Введение в html
- •Структура Web-страницы
- •Создание Web-страницы
- •Параметры страницы
- •Размещение и форматирование текста
- •Управления отображением символов
- •Теги, управляющие формой отображения
- •Верхние и нижние индексы
- •Теги, характеризующие тип информации
- •Структура, стиль и внешний вид программы
- •Правила оформления программы
Структура, стиль и внешний вид программы
Записывать программу нужно так, чтобы смысл ее конструкций был максимально понятен. Для такой рекомендации есть ряд причин:
-
Ясно написанную программу легче отлаживать. В понятно написанных командах легче найти соответствие экранного изображения командам, которые это изображение строят.
-
Понятную программу легче сопровождать, т.е. вносить в нее изменения.
-
Хорошо работают только понятно написанные программы, внешний вид которых вызывает чувство эстетического удовольствия.
Программу можно записать и так:
<html> <head><title>Программирование ввода текста </title> </head><body bgcolor=white text=navy> <h1>Сборник газетных вырезок</h1><hr size=2 color=yellow><p> Заметка из газеты <i> «Станок» </i> <blockquote><p>Действительно, в отделе <i>«Что случилось за день»</i> нонпарелью было напечатано: <blockquote> <h3 align=center> <font color=red>Попал под лошадь</font></h3><small><p> Вчера на площади Свердлова попал под лошадь извозчика № 8974 гр. О. Бендер. Пострадавший отделался легким испугом. </small></blockquote><p> - Это извозчик отделался легким испугом, а не я, - ворчливо заметил О. Бендер. <p align=right> <i>«Двенадцать стульев»</i><br> Илья Ильф, Евгений Петров</blockquote></body></html>
Браузер покажет документ правильно, ему абсолютно все равно. Но работать с таким кодом (искать ошибки, вносить правки) очень трудно. Необходимо помнить о том, что программы пишутся не для компьютера, не для браузера, а для человека. Поэтому и оформлять их надо человеческим образом.
Правила оформления программы
-
Записывайте имена тегов прописными (заглавными) буквами, а имена атрибутов и их значения – строчными (малыми). Синтаксис языка HTML допускает запись команд в любом регистре, однако лучше следовать этой рекомендации. Как правило, текст, предназначенный для вывода на экран браузера, состоит в основном из строчных символов, поэтому «большие» HTML-команды будут на этом фоне выделяться.
-
Не записывайте HTML-программы со слишком длинными строками. Для их просмотра приходится применять горизонтальную прокрутку, а это очень неудобно. Любая строка должна целиком помещаться на экране текстового редактора. Работая в редакторе Блокнот, не пользуйтесь режимом Перенос по словам: Блокнот показывает на экране короткие строки, а в файл записывает длинные.
-
Старайтесь записывать теги на отдельных строках так, чтобы по записи можно было определить вложение команд друг в друга. Рекомендация достигается использованием строчного смещения записи тега вправо на 2 позиции по отношения к внешнему блоку.
Теги самой первой команды программы - <HTML>…</HTML> записываются с 1-й позиции строки. Все остальные команды находятся внутри этого блока. Поэтому их запись должна быть смещена на две позиции вправо:
Если команда (от начального до конечного тега) небольшая, то ее можно записывать в одной строке вместе с тегами.
Шаблон
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
Я начинаю разрабатывать свою страницу.
</BODY>
</HTML>
Шаблон 1
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY bgcolor=gray text=#008000 leftmargin=40 topmargin=100>
Я начинаю разрабатывать свою страницу.
</BODY>
</HTML>
Шаблон 2
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
Я начинаю разрабатывать свою страницу.
<H1 align=left >Учимся делать заголовки! </H1>
<H2 align=right >Учимся делать заголовки!</H2>
<H3 align=center >Учимся делать заголовки!</H3>
<H4>Учимся делать заголовки!</H4>
<H5>Учимся делать заголовки!</H5>
<H6>Учимся делать заголовки!</H6>
<P>Учимся делать абзац
<P>
Сеть Сетей. Упрощенно Интернет можно представить себе как сеть связанных между собой и разбросанных по всему миру компьютеров, которые являются узлами или серверами Сети и на которых хранится информация. Сеть не является единым целым и никому не принадлежит, но при этом более мелкие сети, подключенные к Интернет, обслуживаются отдельными организациями - провайдерами, являющимися собственниками “своего” участка Сети и получающими плату за предоставление доступа к ней.
</P>
<P align=center>
Сеть Сетей. Упрощенно Интернет можно представить себе как сеть связанных между собой и разбросанных по всему миру компьютеров, которые являются узлами или серверами Сети и на которых хранится информация. Сеть не является единым целым и никому не принадлежит, но при этом более мелкие сети, подключенные к Интернет, обслуживаются отдельными организациями - провайдерами, являющимися собственниками “своего” участка Сети и получающими плату за предоставление доступа к ней.
</P>
<P>
Сеть Сетей. <BR> <NOBR>Упрощенно Интернет можно представить себе как сеть связанных между собой и разбросанных по всему миру компьютеров, которые являются узлами или серверами Сети и на которых хранится информация. Сеть не является единым целым и никому не принадлежит, но при этом более мелкие сети, подключенные к Интернет, обслуживаются отдельными организациями - провайдерами, являющимися собственниками “своего” участка Сети и получающими плату за предоставление доступа к ней.</NOBR>
</P>
<P>
<BIG>Сеть Сетей.</BIG> Упрощенно <SUB>Интернет</SUB> можно <SUP>представить</SUP> себе как <SMALL>сеть связанных между собой</SMALL> и разбросанных по всему миру компьютеров, которые являются узлами или серверами Сети и на которых хранится информация. Сеть не является единым целым и никому не принадлежит, но при этом более мелкие сети, подключенные к Интернет, обслуживаются отдельными организациями - провайдерами, являющимися собственниками “своего” участка Сети и получающими плату за предоставление доступа к ней.
</P>
<P>
<FONT size=7 color = blue>Сеть Сетей.</FONT> Упрощенно Интернет можно представить себе как сеть связанных между собой и разбросанных по всему миру компьютеров, которые являются узлами или серверами Сети и на которых хранится информация. Сеть не является единым целым и никому не принадлежит, но при этом более мелкие сети, подключенные к Интернет, обслуживаются отдельными организациями - провайдерами, являющимися собственниками “своего” участка Сети и получающими плату за предоставление доступа к ней.
</P>
</BODY>
</HTML>
Шаблон 3
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<P>
Сеть Сетей. Упрощенно Интернет можно представить себе как сеть связанных между собой и разбросанных по всему миру компьютеров, которые являются узлами или серверами Сети и на которых хранится информация. Сеть не является единым целым и никому не принадлежит, но при этом более мелкие сети, подключенные к Интернет, обслуживаются отдельными организациями - провайдерами, являющимися собственниками “своего” участка Сети и получающими плату за предоставление доступа к ней.
</P>
<HR color=gold size=10 width=500 align=center >
<HR color=purple size=5 width=1000 align=right >
</BODY>
</HTML>
Содержимое головной части не выводится в окне браузера, а содержит данные о документе.