Структура, стиль и внешний вид программы



Записывать программу нужно так, чтобы смысл ее конструкций был максимально понятен. Для такой рекомендации есть ряд причин:

  1. Ясно написанную программу легче отлаживать. В понятно написанных командах легче найти соответствие экранного изображения командам, которые это изображение строят.
  2. Понятную программу легче сопровождать, т.е. вносить в нее изменения.
  3. Хорошо работают только понятно написанные программы, внешний вид которых вызывает чувство эстетического удовольствия.

Программу можно записать и так:

<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>

Браузер покажет документ правильно, ему абсолютно все равно. Но работать с таким кодом (искать ошибки, вносить правки) очень трудно. Необходимо помнить о том, что программы пишутся не для компьютера, не для браузера, а для человека. Поэтому и оформлять их надо человеческим образом.

Правила оформления программы

  1. Записывайте имена тегов прописными (заглавными) буквами, а имена атрибутов и их значения – строчными (малыми). Синтаксис языка HTML допускает запись команд в любом регистре, однако лучше следовать этой рекомендации. Как правило, текст, предназначенный для вывода на экран браузера, состоит в основном из строчных символов, поэтому «большие» HTML-команды будут на этом фоне выделяться.
  2. Не записывайте HTML-программы со слишком длинными строками. Для их просмотра приходится применять горизонтальную прокрутку, а это очень неудобно. Любая строка должна целиком помещаться на экране текстового редактора. Работая в редакторе Блокнот, не пользуйтесь режимом Перенос по словам: Блокнот показывает на экране короткие строки, а в файл записывает длинные.
  3. Старайтесь записывать теги на отдельных строках так, чтобы по записи можно было определить вложение команд друг в друга. Рекомендация достигается использованием строчного смещения записи тега вправо на 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 align=center >

<HR color=purple size=5 align=right >

</BODY>

</HTML>


* Содержимое головной части не выводится в окне браузера, а содержит данные о документе.


Дата добавления: 2018-04-05; просмотров: 319; Мы поможем в написании вашей работы!

Поделиться с друзьями:






Мы поможем в написании ваших работ!