HTML основы

Основы HTML

Что такое Internet

Что такое WWW

Что такое URL

Что такое Web-браузер

Что такое гиперссылка

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

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

Что такое Internet

Internet - это крупнейшая компьютерная сеть в мире.

А начинался Internet из исследовательского проекта в конце 60-х годов, который выполнялся по заказу военных США. Тогда была создана сеть под названием ARPANET, охватывавшую большую часть территории США. Позже сеть подвергалась неоднократным улучшениям на основе новых технологий и получила название Internet. В начале 90-х годов компании стали предлагать услуги Internet, ориентированные на потребности обычных пользователей. Так постепенно сеть разрасталась и вовлекала граждан, живущих по всему миру.

Физически Internet состоит из сотен тысяч соединенных между собой компьютеров, разбросанных по всему миру. Компьютеры в Internet взаимодействуют между собой, используя набор протоколов, называемых TCP/IP (Transmission Control Protokol/Internet Protokol). Это набор правил, регламентирующих способы передачи данных между компьютерами в сети. Протоколы TCP/IP позволяют компьютерам обмениваться информацией таким образом, будто они подключены друг к другу напрямую.

Что такое WWW

WWW (World Wide Web) - это часть Internet, представляющая собой гигантский набор документов, хранящихся на компьютерах по всему миру. Сокращенно WWW называют просто Вэб.

Вэб-страница - это отдельный документ Вэб, который способен содержать информацию различного вида - текст, рисунки, фото, видео, аудиозаписи. Такие вэб-страницы хранятся на специальных компьютерах, которые называются серверами. Будучи сохраненной на вэб-сервере, страница становится доступной для использования другими пользователями. Коллекция вэб-страниц, объединенная по какому-либо признаку, называется вэб-сайтом или просто сайтом.

Что такое URL

URL (Uniform Resource Locator) - это уникальный адрес, которым обладает каждая вэб-страница в сети. Если пользователю известен URL страницы, то он может ее отобразить у себя в браузере, набрав ее адрес в строке браузера.

В общем случае URL состоит из наименования используемого протокола, названия сервера и обозначения пути доступа к странице.

Протокол определяет правила обращения к вэб-странице.

Название сервера (доменное имя) - обозначает компьютер, содержащий данную вэб-страницу.

Путь доступа - указывает местоположение страницы на диске сервера.

Например адрес данной страницы http://learn.com/html/index.html

http - наименование протокола

learn.com - наименование сервера или доменное имя

/html/index.html - путь доступа к странице на самом сервере.

Кроме http (Hyper Text Transfer Protocol) протокола, существуют другие виды протокола, применяемые для доступа к данным в Internet, - например, FTP (File Transfer Protocol). Сайты FTP, на которые следует ссылаться посредством аббревиатуры ftp, позволяют пользователю выгружать на сервер данные, хранящиеся в виде отдельных файлов.

Что такое Web-браузер

Web-браузер - это программа, установленная на компьютере пользователя, и служащая для поиска и отображения информации в сети. Браузер считывает вэб-страницы и другие файлы с диска сервера и отображает их содержимое на мониторе компьютера пользователя. Среди наиболее популярных браузеров следует назвать Microsoft Internet Explorer, Netscape Navigator, Opera.

Что такое гиперссылка

Что такое HTML

С помощью чего создаются Web-страницы

Перед тем как начать изложение материала хочу сделать существенное замечание.

Существует несколько версий HTML. Стандарт языка непрерывно обновляется и дополняется, следствие этого - каждый год выходит новая версия HTML. С другой стороны - вэб-браузеры, с помощью которых пользователи просматривают html-страницы, также имеют свои различия в части интерпретации и поддержки отдельных тэгов. Это обусловлено тем, что разработкой браузеров занимаются различные компании. Что из этого следует? Попросту говоря, один и тот же html-код разные браузеры будут отображать по-разному, а некоторые тэги отдельные браузеры вообще "не понимают".

На страницах своего сайта я буду рассматривать дескрипторы, поддерживаемые Microsoft Internet Explorer 5.0 (IE 5.0). Это следует учитывать, когда будете разбирать приводимые примеры.

Что такое HTML

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

Т.е. Web-страницы - это документы в формате HTML, содержащие текст и специальные тэги (дескрипторы) HTML. По большому счету тэги HTML необходимы для форматирования текста (т.е. придания ему нужного вида), который "понимает" браузер. Документы HTML хранятся в виде файлов с расширением .htm или .html.

Тэги HTML сообщают браузеру информацию о структуре и особенностях форматирования Вэб-страницы. Каждый тэг содержит определенную инструкцию и заключается в угловые скобки <>. Большинство тэгов состоят из открывающей и закрывающей частей и воздействуют на текст, заключенный внутри.

Для более быстрого знакомства с HTML-кодом советую просматривать понравившуюся вам страницу в режиме "В виде HTML". Для этого в браузере надо выбрать пункт меню "Вид" - "В виде HTML".

После этого откроется новое окно с исходным текстом HTML-кода. Просматривая готовый код HTML, вы узнаете, как тэги языка применяются более опытными программистами. Кроме того, это один из способов преодоления различных проблем, возникающих время от времени.

С помощью чего создаются Web-страницы

Что такое Вэб-страница? По сути дела - это простой текстовый документ, содержащий тэги (которые в свою очередь являются обычным текстом, заключенным в скобки). Т.е., исходя из вышеизложенного, Вэб-страницы можно набрать в любом текстовом редакторе (Блокнот, WordPad, Word и т.д.). В этом случае абсолютно все надо набирать своими ручками. Основной плюс такого метода - код получается абсолютно минимизированным, т.е. "вес" такой html-страницы будет минимальным. К недостаткам следует отнести тот факт, что пользователь должен очень хорошо знать язык html-разметки, да и результаты своего труда нельзя будет сразу посмотреть. Поэтому таким методом создания Вэб-страниц практически никто не пользуется. Порекомендовать его можно разве что для создания простеньких Вэб-страничек если нет возможности использования специализированных программ.

Практически все Вэб-дизайнеры используют специальные программы, которые называются HTML-редакторы. Наиболее популярные - Macromedia HomeSite, Dreamweaver MX.

Чем же они хороши? Прежде всего, тем, что они как раз и предназначены для создания Вэб-страниц. Синтаксис в таких программах обычно выделяется разными цветами, так что очень хорошо видно где находится текст, а где дескрипторы, а где php-код. Многие сложные конструкции тэгов можно вводить одним щелчком мышки. Результат своего труда виден тут же, в соседнем окошке. Если вы серьезно занимаетесь вэб-дизайном, то без такой программы вам просто не обойтись.

Кроме вышеуказанных программ существует еще один тип специализированных программ - это, так называемые, средства визуального проектирования (Microsoft FrontPage, HoTMetal Pro). Они позволяют создавать Вэб-страницы таким образом, чтобы полностью исключить необходимость набора тэгов HTML вручную. Подобные программы выполняют все необходимые операции автоматически, по мере "рисования" Вэб-страницы. К недостаткам таких программ следует отнести тот факт, что "вес" таких страниц оказывается большим из-за избыточного HTML-кода, да и изящную страничку без подправки кода "вручную" сделать весьма проблематично.

Сам я пользуюсь Macromedia HomeSite. Уже к ней привык и она мне очень нравится. Правда на Миллениуме у меня были с ней проблемы с инсталляцией. Но на ХР - работает без проблем. Если у вас нет возможности приобрести Macromedia HomeSite, поройтесь в Интернете. На любом софтархиве найдете много бесплатных HTML-редакторов. Попробуйте разные и выберите тот, который вам по душе.

На этом закончим общие фразы об HTML и на следующем занятии перейдем непосредственно к изучению языка.