Первое знакомство с тэгами

Web-мастер - мастер на все руки?

С возникновением WWW появилась новая профессия - web-мастер, то есть тот, кто владеет всеми аспектами создания Web-публикаций, от подбора материала, дизайна сайта, до программирования клиентских и серверных сценариев и администрирования web-сервера. Конечно, вряд ли найдется такой человек, которому было бы по силам выполнять все эти функции. Web-мастер на самом деле - это не одна, а несколько профессий. Как правило, работу web-мастера выполняет целый отдел, в состав которого входит несколько специалистов. Должностное расписание его выглядит примерно следующим образом:

Автор Готовит содержание сайта, подбирает информацию. Разные отделы сайта могут формироваться разными авторами.
Дизайнер Определяет внешний вид и стилевое оформление документов, определяет структуру сайта, систему навигации по нему. Иногда дизайнер сам создает графические элементы, анимационные клипы, а иногда для этого прибегают к услугам " цифрового художника " (digital artist).
Программист Разрабатывает программы (сценарии) для обработки информации на компьютере клиента (на скриптовых языках JavaScript, VBScript) и на сервере (средствами ASP, Perl, PHP, Java и др.). Иногда web-программист выполняет также и HTML-кодирование, или же это делает web-дизайнер.
Менеджер Осуществляет общее управление разработкой: редактирует материал, обеспечивает взаимодействие членов творческой группы, контролирует сроки выполнения и т.д.
Системный администратор Обеспечивает функционирование всего программно-аппаратного комплекса, обеспечивает безопасность передачи и хранения данных, защиту сайта от несанкционированного доступа.

Границы между перечисленными должностями весьма размыты. Иногда на одной должности занято несколько человек или же, напротив, один совмещает несколько должностей.

Таким образом, трудно найти область деятельности человека, не затронутую влиянием интернета, и главной его компоненты - Всемирной паутины WWW. Так что будем изучать основы технологий, позволяющих "ткать" эту самую Паутину!


3.2. ОСНОВЫ HTML

Основным понятием языка HTML является "тэг" (англ.: tag - ярлычок, этикетка).

Тэги - это заключенные в угловые скобки " <,> " последовательности букв, (образованные, как правило, сокращением английских слов).

Код любого HTML -документа начинается тегом <html> и завершается тегом </html>.

Пара "открывающий - закрывающий" тэги называется контейнером.

Каждый документ имеет контейнер <head>...</head>, содержащий вспомогательную информацию, и контейнер <body>...</body>, содержащий сам текст документа.

Контейнер <title>...</title>, расположенный в секции <head>...</head>, содержит текст, отображаемый в верхней строке окна браузера.

Большинство тэгов предназначено для форматирования документов:

Код Вид
Шампунь для <b>жирных</b> котов Шампунь для жирных котов
<i>Спагетти, пицца, капуччино </i> Спагетти, пицца, капуччино
<strike>Вычеркнуть из памяти</strike> Вычеркнуть из памяти
<u>Я подчеркиваю, что</u> Я подчеркиваю, что
A<sub>i,j</sub> Ai,j
A<sup>2</sup> A2
<big>БОЛЬШОЙ</big> ТЕАТР БОЛЬШОЙ ТЕАТР
<small>Маленький</small> Мук Маленький Мук
<center>ЦЕНТР</center> ЦЕНТР
неразрывный &nbsp;&nbsp;&nbsp;&nbsp;пробел неразрывный пробел
перевод<br>строки перевод строки

В HTML -документах часто используются списки: ненумерованные или нумерованные.

Ненумерованный список Нумерованный список
· бананы · анансы · апельсины · яблоки
  1. тетради
  2. авторучки
  3. карандаши
  4. ластики

Элементы списков выделяются с помощью тега <li> (list item).

Нумерованный список должен находиться в контейнере <ol>...</ol> (ordered list),

ненумерованный список может находиться в контейнере <ul>...</ul> (unordered list) (наличие контейнера необязательно).

Так, для создания приведенного выше списка фруктов был использован код:

<li>бананы <li>анансы <li>апельсины <li>яблоки

С тем же успехом мы могли использовать код:

<ul> <li>бананы <li>анансы <li>апельсины <li>яблоки </ul>

Заменив контейнер <ul>...</ul> на <ol>...</ol>, мы получили бы список с номерами при каждом элементе. В частности, вот так выглядит код для списка канцелярских принадлежностей:

<ol> <li>тетради <li>авторучки <li>карандаши <li>ластики </ol>

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: