Учебник HTML. Урок 1. Что такое интернет, браузер, HTML и XHTML

9

10550
20-03-2013

Учебник HTML. Урок 1. Что такое интернет, браузер, HTML и XHTMLСегодня я открываю цикл уроков, с помощью которых мы шаг за шагом будем осваивать язык HTML. Конечно, после прочтения этого курса вы сразу не будете профессиональным верстальщиком, для этого еще придется потрудиться. Но это даст вам необходимую теорию, без которой нельзя стать грамотным специалистом. В сегодняшнем, вводном уроке, мы познакомимся с историей возникновения интернета, основами его функционирования, а также базовыми понятиями. Далее разберемся что такое языки разметки страниц HTML и XHTML и их стандарты. В конце детально познакомимся с таким понятием, как браузер и его разновидностями.

Что такое Интернет
Подобно многим другим изобретениям, Интернет появился на свет как решение некоторой исходной проблемы. Изначально возникла задача объединения нескольких локальных компьютерных сетей в одну общую сеть, с тем чтобы сделать возможным обмен файлами между ними. Другими словами, необходимо было создать сеть из нескольких других сетей. Эти исходные сети располагались в совершенно разных местах, на значительном удалении друг от друга, и потому все доступные на тот момент способы передачи информации не позволяли эффективно справиться с поставленной задачей.

 
 

Как же в итоге это было реализовано? Вначале сотрудники агентства ARPA (Advanced Research Projects Agency — Управление перспективного планирования научно-исследовательских работ) Министерства обороны США где то в 1969 году разработали ARPAnet — одну из первых в мире глобальных сетей, предшественницу Интернета. Для управления этой сетью был разработан протокол IP (Internet Protocol), позволяющий отдельным компьютерам взаимодействовать друг с другом.

 
 

IP (Internet Protocol) — Протокол сетевого уровня, представляющий собой набор фиксированных правил, совокупность которых позволяет разным компьютерам взаимодействовать друг с другом независимо от того, под управлением какой из операционных систем они работают. Благодаря ему предоставилась возможность направлять коммуникационные пакеты по альтернативным маршрутам в случае сбоя одного из существующих маршрутов.

 
 

Благодаря появлению этого протокола и новой глобальной сети (состоящей из других компьютерных сетей) задача обмена информацией стала доступной как никогда ранее, однако сам процесс обмена данными все же был еще довольно сложен. Чтобы найти какую-то конкретную информацию в Интернете, нужно было точно знать, где именно она сохранена. Прежде всего необходимо было понимать, как именно отдельные компьютеры соединены между собой, и, обладая этими сведениями, можно было осуществить навигацию по сети к тем данным, которые вас интересуют.

 
 

Ситуация изменилась в начале 1990-х годов с появлением нового сетевого протокола. Этот протокол, получивший название HTTP (Hypertext Transfer Protocol — протокол передачи гипертекста), позволял любому подключенному к Интернету пользователю получать доступ к любой информации, независимо от места ее расположения в сети. Именно он позволяет переходить от одной Web-страницы к другой просто посредством щелчка на соответствующей ссылке.

 
 

Появление HTTP было революционным событием, однако образующие его коды не могут самостоятельно обеспечить полный цикл обмена информацией. Сохраненные на подключенных к сети компьютерах данные (такие, как документы или прочие файлы) должны включать в себя собственный набор коммуникационных инструментов, с тем чтобы другие компьютеры смогли их правильно интерпретировать. В случае со всемирной паутиной (World Wide Web) таким инструментом является язык HTML.

Что такое HTML
HTML — язык гипертекстовой разметки (Hypertext Markup Language). Большинство документов, отображаемых во всемирной паутине, написаны на HTML. Этот язык позволяет задавать способ представления на Web-страницах текста, изображений, звуковых файлов, видеофайлов или электронной информации практически любого другого типа. Используя этот язык, можно форматировать документы и связывать их друг с другом, независимо от типа компьютеров, на которых эти документы изначально создавались.

 
 

Почему это обстоятельство имеет столь важное значение? Например, если вы создали какой-то документ в своем любимом текстовом процессоре и отправили его другому пользователю, на компьютере которого этот же текстовый процессор не установлен, он не сможет открыть и прочитать отправленный вами документ, не так ли? То же самое можно сказать и относительно файлов практически любого другого типа (включая электронные таблицы, базы данных или файлы ведения бухгалтерских операций).

 
 

Вместо того чтобы использовать собственные уникальные коды, которые могут быть интерпретированы только соответствующим программным обеспечением, HTML фиксирует свои инструкции в виде обычного текста, который может быть корректно интерпретирован любым Web-браузером или текстовым процессором. Эти программы идентифицируют отдельные специфические элементы документа (такие, как заголовок, тело страницы или нижний колонтитул) и на основе данной информации определяют особенности отображения тех или иных компонентов страницы.

 
 

Эти специфические элементы, называются тегами. Их премняют для определения способа представления веб-старницы. Они практически всегда используются парами, окружая определяемый компонент. Теги разработаны консорциумом W3C (World Wide Web Consortium), который занимается разработкой и продвижением единых стандартов и протоколов, повышающих функциональность всемирной паутины. В настоящее время членами данного консорциума являются более 180 коммерческих, образовательных и правительственны организаций.

 
 

Что такое XHTML
XHTML — Расшифровывается как extensible Hypertext Markup Language. Представляет собой модернизированную версию HTML. XML — Аббревиатура образована от Extensible Markup Language— расширяемый язык разметки. Разработанный консорциумом W3C, этот новый язык форматирования документов World Wide Web отличается большей гибкостью и функциональностью.

 
 

Появление спецификации XHTML стало результатом первой значительной модификации языка HTML. Изменения вносились с целью добавления к страницам HTML структурированности и расширяемости языка XML. Добавив несколько простых структурных элементов к уже имеющимся страницам HTML, вы можете быть уверены, что ваши Web-страницы будут совместимы с более поздними версиями HTML и даже с языком XML.

 
 

Так, к стандартам XHTML относятся следующие положения: каждый тег должен быть явным образом закрыт либо соответствующим закрывающим тегом, либо косой чертой в конце тега (при отсутствии закрывающего тега); каждый тег должен записываться строчными буквами; атрибуты тега заключаются в кавычки; каждый атрибут тега должен иметь значение.

 
 

Что такое браузер
Браузер — это программа, предназначенная для просмотра веб-страниц. Первый браузер Mosaic появился в 1993 году. С течением времени были созданы и другие браузеры, перечень которых в настоящее время весьма обширен и многообразен. Каждый браузер имеет свои уникальные особенности, поэтому для проверки универсальности кода требуется просматривать и корректировать код с их учетом. На сегодняшний день наиболее актуальны Firefox, Chrome, Opera и Internet Explorer и Safari.

 
 

На вашем компьютере установлен Web-браузер. Когда вы осуществляете поиск какой-то информации во всемирной паутине, ваш браузер должен найти место, на котором данная информация сохранена. Он решает эту задачу с использованием протокола HTTP. Затем сервер, на котором расположена интересующая вас информация, отправляет на ваш компьютер соответствующую Web-страницу (в виде обычного текстового файла), используя тот же протокол HTTP.

 
 

Ваш Web-браузер видит новую Web-страницу и отображает ее надписи и графику с учетом всех особенностей форматирования, интерпретируя текст и теги HTML. HTTP не является единственным протоколом, используемым в Интернете. Для различных сетевых услуг, таких, как электронная почта или распространение файлов, предусмотрены собственные протоколы передачи данных.

 
 

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

 
 

По материалам книги Дидре Хейз «Освой самостоятельно HTML«.

Оцените, пожалуйста, статью!
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(1 голос, в среднем: 4 из 5)
  • Короткая ссылка на этот пост: http://www.designonstop.com/?p=9012
  • Получать обновления:

  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

Написать комментарий с помощью формы Facebook

Комментариев 9 комментариев

Очень хорошее начинание! Поддерживаю и благодарю за тему. Если кто что-то знает, то повторение — мать учения лишним не будет.
И сколько примерно, Наташ, намечается уроков?

ОтветитьОтветить

Наташа, это материал, который я давно искала, спасибо вам за публикацию. С осени прошлого года хочу научиться верстать, все руки и голова не доходят.

ОтветитьОтветить

@Danidar:
Спасибо, Сереж! Планирую уроков 17 основных и плюс несколько вспомогательных таблиц. Ну а дальше CSS тоже около того ))

@Мария Авербург:
Пожалуйста, Мария! Вот теперь потихоньку будем учиться. В апреле думаю раз неделю давать один урок ))

ОтветитьОтветить

Буду следить. А как часто будут статьи выходить?

ОтветитьОтветить

@Жанна:
В марте пока больше не будет. А в апреле планирую раз в неделю по уроку.

ОтветитьОтветить

+1000!!! Наталья поздравляю со столь хорошим нововведением. Удачи в дальнейших уроках!

ОтветитьОтветить

@Иван:
Спасибо, буду развивать это направление ))

ОтветитьОтветить

Ой, как я удачно зашла посмотреть, что тут и как)) Не была уже сто лет) А тут такой Подарок (да-да с большой буквы). Я планировала в будущем немного поучиться, а тут так разжевано все))) Так что буду почитывать тут)

Другие посты мельком прочитала, для таких, как я, в самый раз) Вот не перестает меня удивлять Дизайнонстоп) Ну ни никапелюшечки) Спасибо))))

ОтветитьОтветить

@Aurinko:
Пожалуйста! И удачи в обучении )))

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

52 queries in 0,489 seconds.