Урок 3 HTML теги оформления ад вопросом: "Как лучше оформить ?" бьются практически все веб-мастера каждый день. Да и вообще в грамотном и красивом оформлении заключается вся их работа , если конечно они являются только веб-мастерами и не пишут научные трактаты.
Для этого язык html представляет просто неограниченные возможности и простоту выполнения.
Элемент <p>...</p> Этот элемент используется чаще всего, и наверно только поэтому называется так коротко :-). P - это от слова paragraph (параграф или абзац). Все содержимое этого элемента, т.е. то что помещается внутри <p>...</p>, отделяется от другого содержимого страницы несколькими пустыми строками.
Пример:
<p>Абзац первый</p> <p>Абзац второй
Надеюсь вы обратили внимание, на второй абзац, и нашли отличие от первого ? Если нет то задержите на этом примере свое внимание. Ну что теперь нашли ? Правильно, я не поставил закрывающую скобку </p>. А ее можно и не ставить, таким образом облегчая себе жизнь :-).
Абзацы, как и во всех нормальных редакторах текста можно выравнивать. Т.е. задавать выравнивание по левому или правому краю, а также естественно по центру.
За это отвечает атрибут align, который может принимать значения left, right и center.
По умолчанию все абзацы выравниваются по левому краю, если конечно этот параграф не является вложенным в другой блок, выравнивание которого другое.
Заголовки
Заголовки как вы понимаете тоже имеют огромное значение, и поэтому их аж шесть типов. Различаются они размером букв и <h1> - самые большие, а <h6> - самые мелкие.
<h1>Это самый здоровый заголовок :-)</h1> ... <h6>А это самый мелкий </h6>
Заголовки, как и абзацы можно выравнивать таким же способом, через align.
Установка шрифта
Для использования разных шрифтов, цветов и размеров в языке html, есть тег <font>. У него есть следующие параметры: face Этот параметр задает название шрифта, которым требуется отобразить текст в документе.
<html> <p>А это шрифт : <font face="Arial">Arial</font> </html>
В этом примере слово Arial будет отображаться шрифтом Arial. Насчет этого параметра хочется сказать одно : старайтесь обходиться без него. Это конечно хороший параметр, так как он делает более оригинальной страничку, НО помните, что у посетителя вашей странички может и не оказаться этого шрифта, и кроме того, почему вы должны использовать шрифты Windows'а, если люди сидят в интернете и из под Unix'а. Формат Html вообще свободный и не стоит его привязывать к определенной платформе.
size Этот параметр задает высоту символов, которая может находиться в пределах от 1 до 7.
<html> <font size=7>Size 7</font> <font size=3>Size 3</font> </html>
В этом примере отобразятся надписи различной высоты.
color Этот параметр задает цвет отображаемых символов, ну Вы уже наверно догадались. Здесь я разговаривать о цветах не буду, т.к. везде в языке, если указывается цвет, то он задается в 16-ичном виде, описанном раньше.
Для установки базового шрифта на странице используется тег <basefont>. Параметры у него такие же как и у <font>.
<html> <basefont size=4 color=red face="Arial"> ..... <p> <font size=-1 color=black face="Times Roman"> А это другой шрифт !!! </font> ..... </html>
Небольшой комментарий. <basefont> не должен иметь закрывающую скобку. Его лучше располагать в начале документа. И еще, цвет вы можете указывать просто в <body> для простоты.
|