Реферат: HTML и создание сайтов
прописными Вы пишете команды.
Создание заголовков
Заголовки в документе создаются с помощью команд: <Hi> Заголовок </Hi>, причем
при i = 1 заголовок самый крупный, а при i = 6 - самый мелкий.
Например,
Отображаемый текстЗапись в формате HTML
Заголовок1<H1> Заголовок1 </H1>
Заголовок2<H2> Заголовок2 </H2>
Заголовок3<H3> Заголовок3 </H3>
Заголовок4<H4> Заголовок4 </H4>
Заголовок5<H5> Заголовок5 </H5>
Заголовок6<H6> Заголовок6 </H6>
3.3. Создание списков
Списки предназначены для представления информации в упорядоченном виде.
В HTML - документах используется 3 вида списков:
1.Неупорядочные списки,
2.Упорядочные списки,
3.Списки - определения.
Неупорядоченный список использует для выделения записей специальные символы.
Неупорядоченный список определяется следующими командами начала и конца списка:
<UL> и <UL>
Каждый элемент списка начинается с команды: <LI>
В команде <LI> может быть параметр TYPE, который определяет внешний вид символа,
используемого для выделения строки в списке и может иметь следующие значения:
<LI TYPE=DISK> - круглая жирная точка,
<LI TYPE=CIRCLE> - окружность,
<LI TYPE=SQUARE> - маленький черный квадрат.
В упорядоченном списке все записи пронумерованы.
Упорядоченный список определяется следующими командами начала и конца списка:
<OL> и </OL>
Каждый элемент списка начинается с команды: <LI>
В команде <LI> может быть параметр TYPE, который определяет тип нумерации и
может иметь следующие значения:
<LI TYPE = A> - прописными буквами,
<LI TYPE = a> - строчными буквами,
<LI TYPE = I> - прописными римскими цифрами,
<LI TYPE = i> - строчными римскими цифрами,
<LI TYPE = 1> - арабскими цифрами.
В списке - определении все записи сдвинуты влево при помощи табуляции.
Список - определение определяется следующими командами начала и конца списка:
<DL> и </DL>
Каждый элемент списка начинается с команды: <DD>
3.4 Форматирование параграфов и вывод текста в несколько столбцов.
В документе HTML невозможно создать абзац, используя клавишу [Enter].
Использование этой клавиши улучшает внешний вид исходного текста, но не влияет
на полученное изображение.
Для перехода на следующую строку воспользуйтесь командой <br>
Для создания пустой строки воспользуйтесь командой <p>
Для создания горизонтальной черты воспользуйтесь командой <hr>
Если черта создается не на всю строку, а на какую - то ее часть, например, на
40%, то команда выглядит следующим образом: <hr width= 40 %>
Для создания широкой черты следует задать ее ширину (по умолчанию - в пикселях)
<hr size= 10 >
Для выравнивания черты ВЛЕВО/ВПРАВО/ПО ЦЕНТРУ задайте соответственный параметр
ALIGN=LEFT/RIGHT/CENTER
Черная линия задается наличием параметра NOSHADE.
Вы можете расположить текст по центру спомощью следующих команд: <CENTER>
Иногда необходимо создать текстовый документ, расположение строк которого
(табуляция, отступы, выравнивание) определяется разработчиком домашней страницы,
а не программой - редактором.
Для создания такого текста воспользуйтесь командами: <PRE> текст </PRE>
Полученный в “браузере” образ текста будет точно соответствовать тексту в
исходном HTML файле.
Аналогичные функции выполняет пара команд: <LISTING> текст </LISTING>
Netscape 3.0 и выше поддерживает вывод текста в несколько столбцов, в газетном
формате с помощью команд <MULTICOL> и </MULTICOL>.
Ниже приводится формат команд:
<MULTICOL COLS= “N” GUTTER= “M”> текст </MULTICOL>.
Здесь N - количество столбцов, M - расстояние между столбцами.
“Браузеры”, не поддерживающие вывод текста в несколько столбцов, обеспечат вывод
текста нормально, в 1 столбец.
3.5 Форматирование символов
Для выделения отдельных частей текста можно воспользоваться следующими стилями:
B - жирный (Bold);
I - курсив (Italic);
U - с подчеркиванием (Underline);
S - с перечеркиванием (STRIKE);
Ниже представлена таблица команд выделения текста.
Отображаемый текст Запись в формате HTML
Выделение текста жирным шрифтомВыделение <b> текста </b> жирным шрифтом
Выделение текста курсивомВыделение <i> текста </i> курсивом
Выделение текста подчеркиваниемВыделение <u> текста </u> подчеркиванием
Выделение текста перечеркиваниемВыделение <strike> текста </strike>
перечеркиванием
Для изменения размера текстовых символов воспользуйтесь командами:
<FONT SIZE = +i > </FONT>, где i в пределах от 1 до 7 относительно начального
размера букв.
Кроме того, можно увеличить или уменьшить высоту шрифта с помощью команд <BIG> и
<SMALL>. Эти команды используются в паре с командами </BIG> и </SMALL>.
Еще две пары команд:
<SUB> и </SUB> - подстрочный индекс, например, H2SO4.
<SUP> и </SUP> - надстрочный индекс, например, (a2 - b2) = (a - b)(a + b).
Все вышеприведенные команды определяют физическое форматирование символов. Вы
задаете конкретное изменение характеристик символов.
Кроме того, есть логическое форматирование символов - Вы даете описание, а
браузер решает как изменять характеристики. В общем, кто доверяет браузеру -
пользуйтесь этими командами. Они выглядят следующим образом:
<CITE>Цитата<CITE>
<EM>Особо важный текст</EM>
<STRONG>Сильное выделение текста</STRONG>
<KBD>Текст, введенный пользователем</KBD>
<CODE>Листинг программы</CODE>
<SAMP>Последовательность литералов</SAMP>
<VAR>Имя переменной</VAR>
Браузер пользователя сам выбирает шрифт, если Вы его конкретно не задали в
описании страницы. Если в странице задан шрифт, которого нет у пользователя,то
Вы можете задать список, состоящий из нескольких шрифтов, и браузер выберет
самый левый, а если его в системе нет, то следующий и т. д. Если ни одного из
шрифтов нет, браузер выбирает свой шрифт.
Фонт задается с помощью команды: FONT FACE
3.6 Управление цветом
Цвета и изображения фона задаются с помощью команды <BODY>.
Эта команда может задаваться только в начале HTML файла и не может быть изменена
в дальнейшем. Ее параметры:
bgcolor = “# код цвета” - цвет фона документа,
text = “# код цвета” - цвет текста документа,
link = “# код цвета” - цвет текста, используемого в качестве ссылки,
vlink = “# код цвета” - цвет ссылки на просмотренный ранее документ,
alink = “# код цвета” - цвет ссылки в момент нажатия на нее правой кнопки мыши.
Код цвета задается в кодировке RGB - шесть шестнадцатеричных чисел.
Важно отметить, что цвет фона не отображается на бумаге при выводе HTML -
документа на печать. Ниже приводятся коды простейших цветов:
Белый = FFFFFFМалиновый = FF00FF
Желтый = FFFF00Бирюзовый = 008080
Красный = FF0000Темносиний = 000080
Серый = 808080Коричневый = 808000
Синий = 0000FFГолубой = 00FFFF
Зеленый = 00FF00Темнозеленый = 008000,
Черный = 000000Индиго = 800080
Пурпурный = CC33FFТемнокрасный = 800000
Для изменения цвета текущего текста можно в любом месте домашней страницы
воспользоваться командами: <FONT COLOR= Код цвета > Текущий текст </FONT COLOR>
Определено несколько именованных цветов. Их значения видны из таблицы:
<FONT COLOR = black >
Если Вы хотите создать “обои”, то есть цветной фон с использованием 8301_ -
файла с именем, например, Ground.gif, то вместо параметра BGCOLOR записываем:
BACKGROUND = “Ground.gif”
Если при этом вы хотите, чтобы фоновое изображение не двигалось, т.е. чтобы
создался эффект “водяных знаков”, то задайте дополнительный параметр:
BACKGROUND = “Ground.gif” BGPROPERTIES=FIXED
3.7 Использование специальных символов
В языке HTML символ < используется как первый символ каждой команды.
Этот символ не может быть использован для обозначения отношения “меньше”. Для
отображения на экране символа < (“меньше”) и некоторых других символов в HTML
приняты специальные обозначения:
Отображаемый текстЗапись в формате HTML
<<
>>
&&
“"
Язык HTML всегда уменьшает количество подряд расположенных пробелов до одного,
независимо от того, сколько пробелов было в исходном тексте. Для задания
необходимого количества подряд расположенных пробелов следует воспользоваться
специальным символом пробела:  .
Например, в следующей записи исходного текста: (A B) в
отображаемом тексте между символами A и B будет 3 пробела.
При необходимости изобразить на экране команду языка HTML возникает
дополнительная проблема - редактор может преобразовать ее в соответствующую
Страницы: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
