Что такое html и зачем он нужен - база знаний timeweb community

ВВЕДЕНИЕ

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

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

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

Предмет исследования данный работы – интернет технологии. Объект исследования – изучение сущности развития данных технологий во времени.

Цель работы – изучение перспектив развития интернет технологий.

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

Знаменательный день

Первое успешное подключение было совершено в 1969 году. Тогда в Калифорнийском университете Лос-Анджелеса был расположен сервер сети ARPANET, и начались попытки установить соединение между двумя городами: Лос-Анджелесом и Стэнфордом, расстояние между которыми составляло 640 км. Необходимо было удалённым способом подключиться к другому компьютеру в сети и отправить письменное сообщение, а для подтверждения передачи использовался телефон. Эксперимент проводили университетские учёные Чарли Клайн и его коллега Билл Дювалль.

Итак, год создания интернета – 1969-й, день – 29 октября, время – 22.30. Именно тогда удалось полностью передать по сети из двух компьютеров короткое слово log (сокращённо от login, как в дальнейшем стал называться пароль для входа в систему). Так началась долгая история создания и развития Интернета, которая продолжается и по сей день.

Вскоре после того успеха, уже в 1971 году, появилась первая программа для пересылки электронной почты. Новшество оказалось крайне востребованным, и стало быстро набирать популярность в Соединённых Штатах. Кроме того, в 70-е годы XX века история создания Интернета ознаменовалась появлением и развитием таких систем, как доски объявлений, рассылки на электронные почтовые ящики и новостные группы.

Война и сеть

Неизвестно, как скоро могли бы возникнуть предпосылки создания Интернета, если бы не «холодная война» и «гонка вооружений», имевшие место между США и СССР. Как один из результатов противостояния двух влиятельных государств, появился проект американского Министерства обороны под названием «Агентство по перспективным научным проектам и исследованиям» (англ. Advanced Research Projects Agency), сокращённо ARPA. Этой организации было поручено разработать компьютерную сеть, с помощью которой могла бы осуществляться передача секретных данных в случае большой войны. Однако официально эта причина никем не была подтверждена.

Первым учёным, высказавшимся о возможности создания такой сети, был Дж. Ликлайдер из Массачусетского технологического института, писавший ещё в 1962 году о проекте, который он называл «Галактическая сеть» (Galactic Network). Эта идея учёного была очень близка к тому, что в настоящее время понимается как Интернет. Однако концепция существовала пока лишь в теории. Впереди были важнейшие шаги: поиск технических возможностей и алгоритмов для её осуществления, а также годы экспериментов в попытке добиться положительного результата. Так начиналась долгая история создания сети Интернет.

Подключение CSS

Чтобы заставить наш CSS говорить с нашим HTML мы должны указать на CSS-файл из HTML. Хорошей практикой является включение всех наших стилей в одном внешнем файле, на который есть указатель внутри элемента <head> нашего HTML-документа. Использование одного внешнего CSS позволяет нам применять одни и те же стили по всему сайту и быстро вносить в него изменения.

Другие варианты добавления CSS

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

Для создания нашей внешней таблицы стилей мы снова хотим использовать выбранный текстовый редактор, чтобы создать новый текстовый файл с расширением .css. Наш CSS-файл должен быть сохранён в той же папке или подпапке, где находится и наш HTML-файл.

Внутри элемента <head> применяется элемент <link>, который определяет отношения между HTML и CSS-файлами. Поскольку мы связываем с CSS, то используем атрибут rel со значением stylesheet для указания их отношений. Кроме того, атрибут href применяется для указания местоположения или пути к CSS-файлу.

В следующем примере HTML-документа элемент <head> указывает на внешний стилевой файл.

Чтобы CSS отображался правильно, значение пути атрибута href должно напрямую совпадать с тем, где сохранён CSS-файл. В предыдущем примере файл main.css хранится в том же месте, что и HTML-файл, известном также как корневая папка.

Если CSS-файл располагается в подпапке, то значение атрибута href должно, соответственно, соотноситься с этим путём. Например, если наш файл main.css был сохранён в подпапке с именем stylesheets, то значеним атрибута href будет stylesheets/main.css. Здесь используется косая черта (или слэш), чтобы указать перемещение в подпапку.

На данный момент наши страницы начинают оживать, медленно, но верно. Мы пока не вникали в CSS слишком глубоко, но вы, возможно, заметили, что у некоторых элементов есть стили, которые мы не объявляли в нашем CSS. Это браузер навязывает свои собственные предпочтительные стили для этих элементов. К счастью, мы можем переписать эти стили достаточно легко, что мы и сделаем дальше с помощью сброса CSS.

HTML код — что это такое простыми словами

HTML (англ. «hyper text markup language» — язык гипертекстовой разметки) — это специальный язык разметки, который применяется при создании сайтов в интернете.

Браузеры прекрасно понимают html и могут интерпретировать его в понятном виде. Вообще любая страница сайта — это html-код, который браузер переводит в дружественный вид для пользователя. Кстати, код любой страницы является доступным для всех. Для его просмотра щелкните правой кнопкой мыши и выберите посмотреть исходных код или нажмите на клавиатуре CTRL+U:

Язык разметки html получил широкую популярность. На данный момент — это единственный язык, с помощью которого создается разметка сайта. Я хочу подчеркнуть тот факт, что именно разметка. Так называемый «движок» создается на другом языке программирования (чаще всего php), который позволяет создавать интерактивные страницы (html этого не позволяет).

Файлы, созданные на html, имеют расширения .html или .htm. Чтобы создать файл html, достаточно открыть блокнот и сохранить его с расширением .html. Как это сделать можете посмотреть на странице: пример создания простой html страницы

Примечание

Внимательный читатель обратит внимание, что далеко не у всех страниц на конце в интернете расширение .html. К примеру есть страницы /catalog/list (вообще без расширения)

Это неправильно, но браузер сможет понять что это веб-документ и корректно его отобразить.

Компьютеры всех сетей, объединяйтесь

В это же время разработчиками компьютерных технологий велась работа по созданию единого протокола, который мог бы объединить все существующие разрозненные сети в единое целое. Руководителем этого масштабного проекта стал американский изобретатель Роберт Кан. Именно он совместно с Винтоном Серфом и другими коллегами разработал TCP/IP (Transmission Control Protocol/Internet Protocol – Протокол управления передачей/Межсетевой протокол), который до сих пор используется для объединения компьютеров в единую сеть. За это изобретение Кан и Серф получили неофициальные титулы «отцов» Интернета.

Основные принципы разработанного ими протокола заключаются в следующем:

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

К 1983 году сеть ARPANET полностью была переведена на протокол TCP/IP, после чего сменила название на привычное для современного уха – Интернет. Впрочем, со временем это название закрепилось за новообразованной сетью NSFNet, которая оказалась более популярной и к 1990 году вытеснила своего конкурента.

В том же 1983 году была разработана DNS (Domain Name System) – система доменных имён. Так, история создания Интернета сделала ещё один огромный шаг вперёд.

Список использованных источников

Личный закон гражданина
Процессы жизненного цикла проекта
Особенности заключения и исполнения договоров потребительского кредитования
Убытки и неустойка как мера ответственности за неисполнение обязательств
Материальные и нематериальные блага как объекты гражданских прав
Состав совета директоров, структура совета директоров и его комитеты
Значение информации в оценке стоимости бизнеса
Бренд: миссия, история и технология создания. Визуализация бренда. Фокусирование интервью в группе.
Выбор рекламной иллюстрации для различных задач
Особенности заключения и исполнения договоров потребительского кредитования
Убытки и неустойка как мера ответственности за неисполнение
Материальные и нематериальные блага как объекты гражданских прав

Основные термины CSS

В дополнение к терминам HTML есть и несколько основных терминов CSS, с которыми вам нужно будет ознакомиться. Эти термины включают селекторы, свойства и значения. Как и с терминологией HTML, чем больше вы работаете с CSS, тем больше эти термины становятся вашей второй натурой.

Селекторы

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

Селекторы, как правило, связаны со значением атрибута, вроде значения id или class или именем элемента, вроде <h1> или <р>.

В CSS селекторы сочетаются с фигурными скобками {}, которые охватывают стили, применяемые к выбранному элементу. Этот селектор нацелен на все элементы <p>.

Свойства

Как только элемент выбран, свойство определяет стили, которые будут к нему применены. Имена свойств идут после селектора, внутри фигурных скобок {} и непосредственно перед двоеточием. Существует множество свойств, которые мы можем использовать, такие как background, color, font-size, height и width и другие часто добавляемые свойства. В следующем коде мы определяем свойства color и font-size, применяемые ко всем элементам <p>.

Значения

Пока мы только выбрали элемент через селектор и определили, какой стиль через свойства мы хотели бы к нему применить. Теперь мы можем задать поведение этого свойства через значение. Значения могут быть определены как текст между двоеточием и точкой с запятой. Ниже мы выбираем все элементы <p> и устанавливаем значение свойства color как orange, а значение свойства font-size как 16 пикселей.

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

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

Рис. 1.03. Структура синтаксиса CSS включает селектор, свойства и значения

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

Основные понятия

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

В основе Интернет и Интернет-технологий лежат гипертексты и сайты, размещаемые в глобальной сети Интернет либо в локальных сетях ЭВМ.

Гипертексты — это тексты со гиперссылками на другие гипертексты, размещенные в Интернет или локальной сети ЭВМ.

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

Язык HTML является международным стандартом, поэтому все гипертексты, единым образом воспринимаются и единым образом отображаются на всех персональных компьютерах во всем мире.

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

Одним из лучших визуальных гипертекстовых редакторов является свободный офисный редактор Writer в свободном офисном пакете Open Office.

Современные Интернет-технологии:

веб-сервера

гипертексты и сайты;
электронная почта;
форумы и блоги;
теле- и видеоконференции;
вики-энциклопедии;

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

Интернет-сайты — это наборы гипертекстов с гиперссылками, размещаемых на серверах и порталах в компьютерной сети Интернет.

Блоги в Интернет — это интернет-сайты, совмещенные с интерактивными форумами для общения и публикации сообщений и комментариев посетителей сайтов.

Создание сайтов в Интернет — одна из важнейших задач курсов информатики в вузах и школах студентами и школьниками.

Электронные библиотеки и энциклопедии — это новейшие технологии публикации научной и учебной литературы в сети Интернет.

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

Дистанционное обучение информатикеи ИКТ

Подготовка студентов, учителей и преподавателей к ЕГЭ по информатике может проводиться дистанционно с помощью Интернет и базовых учебных пособий по информатике и ИКТ.

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

Дистанционно подготовка к ЕГЭ может проводиться не только по информатике и ИКТ, но и по другим школьным общеобразовательным предметам. Например — обществознанию.

Подготовка к ЕГЭ студентов,преподавателей и учителей информатики начинается с подтверждения ими знания учебников информатики и стандартов ЕГЭ.

Завершение подготовки к ЕГЭ — выполнение курсовых проектов и работ по информатике и ИКТ в компьютерной сети Интернет.

The декларация

HTML документ должен содержать объявление <!DOCTYPE> на самой первой строчке. Объявление <!DOCTYPE> это — инструкция для веб-браузера о том, на какой версии HTML написана страница. Это непарный тег, то есть у него нет закрывающего тега. Текущая версия HTML 5 использует следующую декларацию:

<!DOCTYPE html>

Cуществует несколько видов DOCTYPE. Есть строгие виды (strict), которые работают на основе только определенных тегов, есть переходные (transitional), которые допускают возможность включения дополнительных тегов, есть такие, которые работают с фреймами (frameset).

В HTML 4.01 doctype ссылается на Document Type Definition (DTD описывает схему документа для конкретного языка разметки посредством набора объявлений), который основан на SGML. Есть 3 разных типа doctype в версии HTML 4.01.

HTML 4.01 Strict

Этот DTD содержит все элементы HTML и аттрибуты, но ИСКЛЮЧАЕТ устаревшие или стилевые элементы (например, тег font). Также в strict не допускается использование frameset (фреймов).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

Этот DTD содержит все HTML элементы и аттрибуты, ВКЛЮЧАЯ стилевые и устаревшие элементы. Frameset (фреймы) не допускаются.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

Этот DTD тоже содержит все HTML элементы и аттрибуты, ВКЛЮЧАЯ стилевые и устаревшие элементы. В отличие от HTML 4.01 Transitional, но он допускает использование frameset (фреймов).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

В версии HTML5 есть только один doctype и определяется он следующим образом:

<!DOCTYPE html>

Правила DOCTYPE HTML5 являются универсальными, включают в себя правила предыдущей версии, а также возможность работы с HTML 4 тегами и в какой-то степени с XHTML, и объединяют в себе возможности всех своих предшественников, адаптируя их для работы в новых браузерах.

По сравнению с прежними своими собратьями, DOCTYPE HTML5 не основан на SGML (стандартном обобщённом языке разметки), поэтому там нет тех данных, которые указывались до этого, а следовательно — в нем присутствует только короткая команда. И дальше уже идет сам документ.

При отсутствии тега <!DOCTYPE> разные Web-браузеры мо
гут по-разному отображать веб-страницу.

Весь текст HTML-документа расположен между тегами <html> и </html>. HTML-документ состоит из двух разделов — заголовка (между тегами <head> и </head> ) и содержательной части (между тегами <body> и </body> ).

Стихийные исследования

В основу разработки уникальной компьютерной связи легла концепция пакетной сети, авторами которой стали английские физики Дональд Дэвис и Роджер Скентльбьюри. Постепенно стало известно, что в период с 1961 по 1967 год к работе над проектом, не зная друг о друге, подключались всё новые и новые специалисты из Соединённых Штатов и Великобритании. В результате на одной из научных конференций стало известно о параллельных исследованиях.

Показательно то, что эти первые разработки создавались достаточно свободно и стихийно, при минимальном контроле правительств обеих стран. И впоследствии создатель Интернета Тим Бернерс-Ли отмечал: «Мы не смогли бы сделать ничего подобного, если бы это с самого начала находилось под контролем государства». Говоря «мы», компьютерный гений подразумевал в том числе своих предшественников, создававших сеть ARPANET.

ЗАКЛЮЧЕНИЕ

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

Тенденциями развития Интернета стали:

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

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