|
Автор: Vazio
| |
Источник: Рассылка "Html - это просто!"
|
Привет друзья, ну что ж давайте разберёмся что такое Html и с чем его едят. Начнём с истории:
Истоки Internet следует искать ещё в 1961 году. С того времени
было разработано множество языков и протоколов, которые развивались
внутри растущей структуры Internet.
Для того чтобы публиковать информацию для повсеместного
распространения, необходимо иметь язык понятный для всех,
вариант родного издательского языка который в принципе был бы
понятен всем компьютерам. Издательский язык используемый на World
Wide Web называется HTML (от английского Hyper Text Markup
Language - язык разметки гипертекста).
HTML - язык разметки. А это означает, что он не относится к
языкам высокого уровня, таким как C++ или Visual Basic. Вместо
того чтобы компилироваться и выполняться, HTML интерпретируется
пользовательским агентом, известным как web-браузер.
HTML в основном используется для создания Web-страниц. Он
неотделим от понятия World Wide Web и выражаемой им сущности.
Обстоятельства зарождения HTML и факт его создания исторически
связывают с Тимом Бернерсом-Ли (Tim Berners-Lee), программистом
Европейского центра физики элементарных частиц (European Center
For Particle Physics - CERN). И приобрел популярность благодаря
броузеру "Мозаика" разработанному в NCSA. Разрабатывая HTML,
Бернерс-Ли предполагал следующее:
- Во-первых, чтобы ученые имели круглосуточно
доступное средство опубликования, хранения и исправления информации;
- Во-вторых, чтобы появился язык, облегчающий
всеобщий доступ к информации, независимо от используемой
вычислительной платформы, сети и терминала.
Созданный как прикладное решение для научных целей, HTML
первоначально обеспечивал доступ только в текстовой среде и
облегчал обмен исследовательской информацией.
HTML дает авторам следующие возможности:
Издавать сетевые документы с заголовками , текстом ,
таблицами , списками , фотографиями , и т.п. Получать информацию
из Сети через ссылки гипертекста по нажатию кнопки. Создавать
формы для посылки запросов на удаленные компьютеры, чтобы
производить поиск информации, осуществлять бронирование, заказывать
товары и т.п. Включать электронные таблицы, видео клипы, аудио
клипы, и другие программные приложения непосредственно в их
документы.
В 90-х годах HTML расцвел благодаря быстрейшему росту сети.
В то же время HTML был расширен во многих направлениях. Для
существования сети необходимо чтобы авторы сетевых страниц и
производители программного обеспечения пользовались одними и
теми же соглашениями об HTML. Это и послужило причиной для начала
совместной работы по созданию спецификации для HTML.
HTML 2.0 был разработан под эгидой Internet Engineering Task Force
(IETF) с целью формализовать сложившуюся на конец 1994 года практику.
HTML+ и HTML3.0 предложили значительно более богатые версии
HTML. Не смотря на то что эти предложения так и не получили
всеобщей поддержки при обсуждении стандарта, они привели к принятию
ряда новых возможностей. Потом появился HTML 3.2.
HTML разрабатывался с учетом того, что всевозможные устройства
должны иметь возможность использовать информацию из сети: ПК с
экранами обладающими различным разрешением и количеством цветов,
сотовые телефоны, миниатюрные устройства, устройства для речевого
ввода-вывода, компьютеры с высокой и низкой пропускной способностью
и т.д.
Информация взята с сайта http://phantomd.narod.ru
Глава #1
И так, после краткого курса истории приступим к практике. Давайте разберёмся в синтаксисе HTML. Все очень просто, HTML состоит из тэгов или проще сказать следующих друг за другом элементов: знака < (знак меньше чем), название тега, его атрибутов, и > (знак больше чем). У большинства тэгов есть закрытый тэг, это значит всё тоже самое только после < ставиться / и не пишутся атрибуты, но не у всех тэгов есть закрытые тэги
Пример: <html> и его закрытый тэг </html>
Что такое атрибут, атрибут состоит из:
названия атрибута
знака =
и значения атрибута, например эта может быть число ("80"),
лучше всего заключать значения атрибута в " или '.
В итоге у вас должно получиться так:
<название тэга атрибут="значение атрибута>текст (не всегда)
Вы можете опустить кавычки для значения атрибута, значение атрибута могут быть следующими: буквенными (a-z, A-Z), цифр (0 - 9), промежутков времени, дефисов (-).
На счёт регистра, при написаниях тегов не важно какой регистр, что <head>, что <HEAD>, что <HeAd> одно и тоже, но названия файлов html и папок в котором они находятся за висят от регистра, например a.html и A.html разные файл, у вас на компьютере они будут одинаковы, но вот на сервере нет. Например под системой Unix. Так что договоримся заранее, что все файлы пишем с маленькими буквами.
Ну что ж начнём. Любая HTML страница начинается <html> и заканчивается </html>
Пример:
<html>
...
</html>
Внутри этих тегов уже и находиться сама страница. Она делиться на настройки и информацию о странице и тело. Настройки и информация заключается в тэгах <head>...</head>, а тело <body>...</body>. Всё что находиться между <head> и </head> не отображается на странице. Соответственно всё, что находиться между <body> и </body> отображается.
Разберемся с <head>:
Тэг не имеет атрибутов, имеет закрытый тэг </head>, и всё что находиться между <head> и </head> не отображается. Разберем какие тэги могут там находиться:
1) <title> - сюда вписывается название страницы, этот текст отображается в верхнем углу броузера, имеет закрытый тэг </title>, не имеет атрибутов
Пример:
<html>
<head>
<title>
Моя первая страница
</head>
<body>
Ваш текст
</body>
</html>
Вы можете посмотреть как это выглядит в виде готовой странице, для этого откройте блокнот, скопируйте в него пример, нажмите "сохранить как..." после чего выберите место для сохранения и в имени файла введите так имя файла.html или htm и нажмите сохранить, после чего откройте этот файл.
В <head> могут также заключаться теги , мы их рассмотрим в других выпусках рассылках, также в нем может java-script'ы и css или подгружаемые файлы css (о css я расскажу потом, но если не терпеться можете найти информацию о нём в одном из выпусков нашего журнала).
Пока всё, мой вам совет заведите тетрадь и выписывайте туда тэги и их атрибуты. Потом будет легче.
| 
MZero
Комментарии