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

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

Для просмотра веб-страниц мы пользуемся веб-браузером.

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

какая информация и с какого сервера нам нужна?
С помощью определенным образом составленного интернет-адрес.

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

данному случае – Web-сервера, а /folder1/file1.htm – путь к файлу.

создания веб-страниц во всемирной паутине.
Пример Web-страницы на HTML 5.

Справочник по HTML

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

Тег IMG

Тег IMG нужен для вставки на веб-страницу графического
изображения.

Пример:

<P><IMG SRC="image.gif"></P>

Результат:

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

CSS

CSS был представлен вместе с HTML 4.

CSS предоставляет более удобный способ оформления HTML документов.
С помощью CSS Вы можете:
Устанавливать размер, начертание и цвет шрифта;
Изменять местоположение элементов;
Оформлять фон элементов;
Выравнивать текст;
Оформлять таблицы и списки и многое другое.

CSS

Это абзац оформленный с помощью CSS

Это еще один абзац оформленный с помощью CSS.

Это еще один абзац оформленный с помощью CSS

сети Интернет лежит  набор (стек) протоколов TCP/IP.
 Стек протоколов TCP/IP — это простой набор правил обмена информацией.
Стек протоколов TCP/IP — набор сетевых протоколов передачи данных, используемых в сетях, включая сеть Интернет. Название TCP/IP происходит из двух наиважнейших протоколов семейства — Transmission Control Protocol (TCP) и Internet Protocol (IP), которые были разработаны и описаны первыми в данном стандарте. 

включает в себя четыре уровня:
прикладной уровень (application layer),
транспортный уровень (transport layer),
сетевой уровень (Internet layer),
канальный уровень (link layer).
Протоколы этих уровней полностью реализуют функциональные возможности модели OSI. На стеке протоколов TCP/IP построено всё взаимодействие пользователей в IP-сетях. 

На прикладном уровне (Application layer) работает большинство сетевых приложений.
Эти программы имеют свои собственные протоколы обмена информацией, например, HTTP для WWW, FTP (передача файлов), SMTP (электронная почта), SSH (безопасное соединение с удалённой машиной), DNS (преобразование символьных имён в IP-адреса) и многие другие.

Протоколы транспортного уровня (Transport layer) могут решать проблему негарантированной доставки сообщений («дошло ли сообщение до адресата?»), а также гарантировать правильную последовательность прихода данных. В стеке TCP/IP транспортные протоколы определяют, для какого именно приложения предназначены эти данные.

Сетевой уровень (Internet layer) изначально разработан для передачи данных из одной сети в другую. Пакеты сетевого протокола IP могут содержать код, указывающий, какой именно протокол следующего уровня нужно использовать, чтобы извлечь данные из пакета. Это число — уникальный IP-номер протокола.

описывает, каким образом передаются пакеты данных через физический уровень, включая кодирование (то есть специальные последовательности бит, определяющих начало и конец пакета данных). Ethernet, например, в полях заголовка пакета содержит указание того, какой машине или машинам в сети предназначен этот пакет.
Примеры протоколов канального уровня — Ethernet, IEEE 802.11 Wireless Ethernet, SLIP, Token Ring, ATM и MPLS.

по своей сути очень просты и сильно напоминают работу обычной почты.
Адрес отправителя: От кого, откуда
Адрес получателя: Кому, куда
Каждый компьютер (он же: узел, хост) в рамках сети Интернет тоже имеет уникальный адрес, который называется IP-адрес (Internet Protocol Address), например: 195.34.32.116. IP адрес состоит из четырех десятичных чисел (от 0 до 255), разделенных точкой. Но знать только IP адрес компьютера еще недостаточно, т.к. в конечном счете обмениваются информацией не компьютеры сами по себе, а приложения, работающие на них. 

На компьютере может одновременно работать сразу несколько приложений (например почтовый сервер, веб-сервер  и пр.). Для доставки обычного бумажного письма недостаточно знать только адрес дома — необходимо еще знать номер квартиры. Также и каждое программное приложение имеет подобный номер, именуемый номером порта.
Большинство серверных приложений имеют стандартные номера, например: почтовый сервис привязан к порту с номером 25 (еще говорят: «слушает» порт, принимает на него сообщения), веб-сервис привязан к порту 80, FTP - к порту 21 и так далее. 

В компьютерных сетях, работающих по протоколам TCP/IP, аналогом бумажного письма в конверте является пакет, который содержит собственно передаваемые данные и адресную информацию — адрес отправителя и адрес получателя, например:







Обратите внимание, комбинация: "IP адрес и номер порта" - называется  "сокет".

В нашем примере мы с сокета 82.146.49.55:2049 посылаем пакет на сокет 195.34.32.116:53, т.е. пакет пойдет на компьютер, имеющий IP адрес 195.34.32.116, на порт 53. А порту 53 соответствует сервер распознавания имен (DNS-сервер), который примет этот пакет. Зная адрес отправителя, этот сервер  сможет после обработки нашего запроса сформировать ответный пакет, который пойдет в обратном направлении на сокет отправителя 82.146.49.55:2049, который для DNS сервера будет являться сокетом получателя.

Как правило взаимодействие осуществляется по схеме «клиент-сервер»: "клиент" запрашивает какую-либо информацию (например страницу сайта), сервер принимает запрос, обрабатывает его и посылает результат. Номера портов серверных приложений общеизвестны, например:  почтовый SMTP сервер «слушает» 25-й порт,  POP3 сервер, обеспечивающий чтение почты из ваших почтовых ящиков «слушает» 110-порт, веб-сервер - 80-й порт и пр.
Большинство программ на домашнем компьютере являются клиентами - например почтовый клиент Outlook, веб-обозреватели IE, FireFox и пр. 

— DNS (Domain Name System)

Провайдер явно (на бумажке, для ручной настройки соединения) или неявно (через автоматическую настройку соединения) предоставляет вам IP адрес сервера имен (DNS). На компьютере с этим IP адресом работает приложение (сервер имен), которое знает все доменные имена в Интернете и соответствующие им цифровые IP адреса. DNS-сервер «слушает» 53-й порт, принимает на него запросы и выдает ответы.

Рассмотрим, что происходит, когда в своем браузере вы набираете доменное имя (URL) этого сайта (www.ofnet.ru) и, нажав , в ответ от веб-сервера получаете страницу этого сайта.
Отправляется запрос (точнее пакет с запросом) DNS серверу на сокет 195.34.32.116:53. Как было рассмотренно выше, порт 53 соответствует DNS-серверу - приложению,  занимающемуся распознаванием имен. А DNS-сервер, обработав наш запрос, возвращает IP-адрес, который соответствует введенному имени.

Далее наш компьютер устанавливает соединение с портом 80 компьютера  82.146.49.55 и посылает запрос (пакет с запросом) на получение страницы www.ofnet.ru. 80-й порт соответствует веб-серверу. В адресной строке браузера 80-й порт как правило не пишется, т.к. используется по умолчанию, но его можно и явно указать после двоеточия - http://www.ofnet.ru:80.
Приняв от нас запрос, веб-сервер обрабатывает его и в нескольких пакетах посылает нам страницу в на языке HTML - языке разметки текста, который понимает браузер.
Наш браузер, получив страницу, отображает ее. В результате мы видим на экране главную страницу этого сайта.

В локальной сети компьютеры напрямую «видят» только друг друга. Локальные сети соединяются друг с другом через шлюзы (роутеры, маршрутизаторы). Маска подсети предназначена для определения — принадлежит ли компьютер-получатель к этой же локальной сети или нет. Если компьютер-получатель принадлежит этой же сети, что и компьютер-отправитель, то пакет передается ему напрямую, в противном случае пакет отправляется на шлюз по умолчанию, который далее, по известным ему маршрутам, передает пакет в другую  сеть, т.е. в другое почтовое отделение (по аналогии с почтой).