Гипертекстовая технология WWW, языки разметки

Объяснение HTML

Язык гипертекстовой разметки – это компьютерный язык, который упрощает создание веб-сайтов. Этот язык, который имеет кодовые слова и синтаксис, как и любой другой язык, относительно прост для понимания и с течением времени становится все более мощным в том, что он позволяет кому-то создавать. HTML продолжает развиваться, чтобы соответствовать требованиям и требованиям Интернета под видом World Wide Web Consortium, организации, которая разрабатывает и поддерживает язык; например, с переходом на Web 2.0 .

Гипертекст – это метод, с помощью которого пользователи Интернета перемещаются по сети. Щелкнув специальный текст, называемый гиперссылками, пользователи попадают на новые страницы.

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

Видео

История развития HTML

Интернет-язык HTML был придуман сотрудником швейцарского исследовательского института ЦЕРН физиком Тимом Бернерсом-Ли. Именно ему пришла в голову идея создания в интернете гипертекстовой системы. Под гипертекстом (Hypertext) понимается текст, в котором есть ссылки на другие тексты и возможность мгновенно их открывать. Основа языка HTML – 18 тегов, из которых и состояла его первая версия, опубликованная в 1991 году.

Бесплатный онлайн-интенсив Ваш Путь в IT начинается здесь Подробнее

С апреля 1994 года разработку стандартной спецификации HTML следующей версии начал специально образованный для этого Консорциум W3C (World Wide Web Consortium). Во избежание путаницы это новую версию обозначили номером 2.0 (предыдущая, по сути, была HTML1.0, но официально ее не существовало). В сентябре 1995 года язык HTML 2.0 утвердили к использованию. В принципе крупным дополнением стал лишь механизм форм, с помощью которого данные с пользовательского компьютера пересылались на сервер.

Параллельно Консорциум W3 уже начал обсуждать подготовку третей версии языка (HTML 3.0), предложенную в марте 1995 г. Планировалось расширить ее возможности, добавить поддержку таблиц, обрамление картинок текстом, воссоздание сложных формул, внесение примечаний. Действующие на том момент браузеры не в состоянии были поддерживать все эти новые элементы языка HTML.

Поэтому многие «фишки» HTML 3.0 были убраны из следующей версии под номером 3.2.

Утверждение четвертой версии состоялось 18 декабря 1997 года. Многие функции в ней опять же поддерживались далеко не всеми браузерами (как это было и с третей версией). Хотя значительная часть элементов, бывших в предыдущих вариантах, из HTML 4.0 была убрана. Какие-то из них разработчики отметили, как устаревшие, и рекомендовали заменять их таблицами стилей CSS.

24 декабря 1999 года Консорциум W3 принял к использованию HTML 4.01, в который, кстати, были внесены довольно серьезные изменения (хотя поначалу они такими не кажутся).

К современным версиям добавлялись теги для оформления графики и мультимедиа, что делало HTML зависимым от платформы. В декабре 2012 года закончилась разработка пятой версии языка, последний релиз которой – HTML 5.3, актуальный по сей день и поддерживаемый большинством браузеров.

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

Наиболее крупным считается обновление HTML 5, утвержденное в 2014 году. Здесь к разметке добавились семантические теги, по которым сразу видно смысловое содержание контента. Это такие, как <article>, <header> и <footer>. Год выхода версии 5.3 (последней) – 2018. Данный релиз HTML отличается большей «самостоятельностью», независимостью от других языков. К примеру, на современном языке HTML можно проверять правильность заполнения форм, что раньше делалось лишь на JS.

В опубликованном Mozilla Developer Network Справочнике HTML Element Reference перечислено 140 тегов HTML. Впрочем, часть из них современными браузерами не поддерживается и считается устаревшей. На сегодняшний день язык HTML – это официально принятый веб-стандарт, и его популярность постоянно растет. Разработкой и поддержкой спецификаций HTML занимается консорциум World Wide Web (W3C), на сайте которого всегда можно посмотреть, что собой представляет язык на текущий момент времени.

Списки

Современный стандарт HTML предусматривает создание трех основных видов списков:

  • Списки маркированные (unordered list);
  • Списки нумерованные (ordered list);
  • Список определений терминов (definition list).

Рассмотрим каждый из видов списков.

Списки маркированные

Маркированные списки задаются тегами  <ul></ul>(unordered list). Для создания каждого элемента списка применяется теги <il> и </il> (item list).

Пример:

В список можно помещать теги загловков:

Маркеры, то есть видимые значки перед элементами списка, могут меняться, а их внешний вид задается атрибутами type. Атрибуты type могут быть: circle (не закрашенный кружок), disk(закрашенный кружок) и square( квадрат закрашенный). По умолчанию используется атрибут disc. Пример использования маркера с атрибутом disk:

Списки нумерованные

Нумерованные или упорядоченные списки (ordered list), каждому элементу списка присваивается номер. Создаются нумерованный списки тегами <ol></ol>. Для каждого элемента нумерованного списка, также используются парные теги <il></il>.

В нумерованных списках используются пять атрибутов:

1-Цифры арабские; i- Римские строчные цифры; I- римские прописные цифры; a-Латинские строчные буквы; A-Латинские прописные буквы.

Пример нумерованного списка.

Пример нумерованного списка с маркерами латинских строчных букв:

Списки определений

Для создания списков по типу термин-определение термина, применяются теги <dl></dl> (definition list) и <dd></dd> (definition description). Причем сам термин заключается в парный тег <dl>, а определение (объяснение) термина заключается в парный тег <dd>.

Пример:

Файл стилей css

Язык HTML имеет различные способы для форматирования содержания, но все они имеют заметные недостатки. Придётся оформлять все элементы на каждой странице сайта. Если это 1−2 страницы, это терпимо, но если страниц сотни или даже тысячи применяют Cascading Style Sheets — css. Такие стили можно сформировать в отдельном файле, ссылка на который с помощью тега <link rel=»stylesheet» href=»file.css»>, выносится в заголовок документа, между <head> и</head>.

Для успешного использования файла стилей нужно будет назначить элементам свойства класса или присвоить значение id. Например: <div class=»post»>. Использование css:

<style type=»text/css»>.post {margin: 10px; padding-top: 12px;}</style>

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

В дальнейшем для работы с веб-документами необходимо будет изучить css, нелишними будут и уроки по javascript и php.

Теги

Adblock
detector