В число наиболее часто используемых входят следующие теги.
<В></В> – Bold (полужирный).
<I></I> – Italic (курсив).
<р> – Paragraph (абзац) – вызывает принудительный перевод строки и отступ в одну пустую строку.
<BR> – принудительный перевод строки.
<Н1></Н1>, <Н2></Н2>,..., <Н6></Н6> – заголовки разных уровней, первый – самый крупный. Заголовок представляет собой полужирный текст с отступами снизу и сверху. Заголовок по умолчанию не центруется.
<CENTER></CENTER> – размещение по центру.
<PRE></PRE> – Preformatted – текст внутри этого тега выводится в строгом соответствии с тем, как он напечатан в HTML-файле, т.е. выводятся все пробелы, табуляции, отступы и переводы строк. При этом текст выводится шрифтом с фиксированной шириной символов (типа Courier).
<FONT COLOR ="green" size = 5></FONT> – установка цвета и размера букв текста. Оба параметра (цвет и размер) должны присутствовать одновременно.
<IMG SRC = "filename.gif"> – вставить изображение из файла filename.gif. Поддерживаются форматы GIF и JPG.
<А HREF = "https://www.openweb.ru">мастерская</А> – сделать слово «мастерская» гипертекстовой ссылкой на сервер www.openweb.ru. Слово будет выделено цветом и подчеркнуто. Ссылкой могут служить не только элементы текста, но и изображения. Для этого внутри тега <А... > надо поместить тег < IMG...>. Ссылаться можно не только на другие серверы, но и на файлы, расположенные на своем локальном диске, для этого в параметр HREF следует просто поместить имя файла и, если нужно, указать путь по каталогам, считая от текущего каталога или корневого каталога сервера (где лежит начальный файл). Например:
<А HREF=".. /bio /biography, html " >< IMG
SRC="my_portrait. jpg" >< /A>
Изображение из файла my_portrait.jpg является ссылкой на файл biography.html, который находится в подкаталоге bio родительского (верхнего) каталога относительно текущего. Если же верхний каталог в данном случае является для сервера корневым (корневой каталог определяется в конфигурации сервера), то эта же ссылка может выглядеть так:
<А HREF= "/bio/biography, html "><IMG
SRC= "my_portrait.jpg"></A>
Теги <FONT>, <IMG>, <A> иллюстрируют важный факт: кроме своего имени теги могут содержать (и часто содержат) один или больше параметров. Например, чтобы вставить в документ изображение, нужно не просто указать тег <IMG>, а еще и снабдить его параметром SPC ="имя__файла" (без которого тег <IMG> особого смысла, надо полагать, не имеет). Часто параметры необязательны и служат для уточнения внешнего вида элемента:
– <HR> – горизонтальная линия;
– < HR NOSHADE> – горизонтальная линия без тени;
– < HR WIDTH =50%> – горизонтальная полоса шириной в половину экрана.
Пример тега <IMG> с дополнительными параметрами:
<IMG SRC="filename" WIDTH=200 HEIGHT=100 BORDER=0
АLТ="портрет">
WIDTH определяет ширину изображения в пикселях, HEIGHT – высоту, что позволяет растягивать или сжимать исходную картинку при ее отображении на экране, BORDER определяет толщину линии обрамления (0 – нет обрамления), ALT определяет надпись, выводимую вместо изображения в том случае, когда браузер не поддерживает графику либо загрузка изображений отключена в установках браузера (например, в случае медленной связи).
Таблицы
Таблица – это структура HTML, определяющая расположение частей документа на экране относительно друг друга. Таблица состоит из рядов, каждый из которых состоит из элементов. Элемент таблицы может содержать текст, рисунок, другую таблицу и т.п., т.е. все то, что может содержать сам документ. В простейшем случае таблица – это традиционно понимаемая под этим словом таблица из текстовых ячеек.
Таблицу создают следующие теги.
<TABLE WIDTH=100% BORDER=0></TABLE> – начало и конец
таблицы. Параметр WIDTH определяет ширину таблицы в процентах от ширины окна браузера либо в пикселях, если не указан знак %. Параметр BORDER определяет толщину линий обрамления ячеек таблицы, нулевое значение – нет обрамления. Любой из параметров может отсутствовать. Приведены значения параметров по умолчанию.
<TR></TR> – начало и конец ряда таблицы, должен находиться внутри тега <TABLE></TABLE>.
<TD WIDTH=20% ALIGN=left VALIGN-middle BGCOLOR="blue"></TD> – определяет ячейку таблицы, должен находиться внутри тега <TR >< /TR>. Параметр WIDTH определяет ширину ячейки в процентах от ширины таблицы или в пикселях, если не указан знак % (по умолчанию устанавливается равная ширина ячеек), ALIGN и VALIGN определяют выравнивание содержимого внутри ячейки по горизонтали и вертикали соответственно, значения ALIGN: left, center, right, значения VALIGN: top, middle, bottom. BGCOLOR определяет цвет фона ячейки. Любой из параметров может отсутствовать.
Контрольные вопросы
1. Что такое Интернет?
2. Что такое Интернет и интранет?
3. Чем отличается асимметричный и симметричный спутниковый Интернет?
4. Что такое технология клиент/сервер?
5. Назовите семь уровней архитектуры Интернета.
6. Что такое протоколы?
7. Перечислите главные этапы создания Интернета.
8. Перечислите основные законы, регулирующие правовые отношения в Интернете.
9. Назовите основные службы Интернета.
10. Перечислите основные особенности информационных правоотношений в Интернете.
11. Что означает HTML?
12. Перечислите основные теги HTML.