Как работает веб-страница

Задумывались ли вы, как работает Веб-страница? Вы когда-нибудь хотели создать свою собственную Веб-страницу, полную заголовков, текстов и красивых картинок? Вы когда-нибудь слышали слово HTML и задавались вопросом, что оно означает?

 

Начальные установки

Если Вы читаете этот текст, то, с вероятностью 99,9% :

1. Вы сидите за компьютером.

2. Вы используете Веб-браузер для чтения этой страницы, и, что Ваш браузер может быть Microsoft Internet Explorer, Opera, Firefox, Google Chrome или любой другой.

3. Вы хотите узнать, как устроена Веб-страница, и, возможно, научиться искусству создания собственных страниц.

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

Для того, чтобы говорить о Веб-страницах и как они работают, Вы должны понять четыре простые вещи:

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

2. HTML — HTML расшифровывается как Hyper Text Markup Language. «Markup language» — язык программирования, который описывает, как страницы должны быть отформатированы. Если Вы хотите отобразить на экране длинную череду черно-белого текста без форматирования, то вы не нуждаетесь в HTML. Но если вы хотите изменить шрифты, добавить цвета, создавать заголовки и встраивать графику в ваши страницы, то HTML — это язык, с помощью которого браузер будет делать это.

3. Веб-браузер — Веб-браузер, например Mozilla или Microsoft Internet Explorer, компьютерная программа (приложение), которая делает две вещи:

3.1. Веб-браузер знает, как обратиться к Веб-серверу в Интернете, как запросить у него страницу, а затем получить от него страницу через Интернет в вашу машину.

3.2. Веб-браузер знает, как интерпретировать набор HTML-тегов в пределах страницы, чтобы отобразить ее на экране так, как это задумано создателем страницы.

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

 

Просмотр исходного кода страницы

Давайте взглянем на «внутренности» Веб-страницы. Это оригинальный текст и HTML-теги введенные автором или созданные программно, которые интерпретируются браузером для получения законченного вида Веб-страницы. Щелкните правой кнопкой мыши на любом пустом месте страницы и выберите «Исходный код» или нажмите комбинацию клавиш Ctrl+U. Появится новое окно, в котором перемешаны слова и символы, некоторые из которых могут выглядеть довольно техническими. Эти слова и символы, в основном, и есть HTML код. Каждый элемент в пределах этого кода, известен как HTML-теги. На самом деле он очень прост. Таким образом Вы можете заглянуть «за кулисы» почти любой страницы в Интернете. Когда вы начнете более активно участвовать в Веб-разработках, то, вероятно, начнете просматривать источники более сложных Веб-страниц, чтобы узнать коды, которые их авторы (веб-дизайнеры), используют для создания таких интересных аранжировок.

Теперь, давайте узнаем, что многие теги означают.