HTML: различия между версиями
Содержимое удалено Содержимое добавлено
Kylaix (обсуждение | вклад) Братские проекты |
Kylaix (обсуждение | вклад) →Введение: викификация |
||
Строка 5:
== Введение ==
[[Файл:Html-small.png|справа]]
В данном учебнике мы постараемся описать все
[[w:HTML|HTML]] (''Hyper Text Markup Language'') — язык разметки гипертекстовых страниц. Под языком разметки понимается набор символов созданный с целью передачи информации о строении текста.
Чем отличается стандарт HTML5 от предыдущих HTML? Сначала коротенькая история. Существует такая организация W3C (World Wide Web Consortium). Суть её работы хорошо выражена в их лозунге «Leading the Web to Its Full Potential…» («Приведём всемирную паутину к лидерству, раскрыв все её возможности»)
Когда W3C создавали стандарт HTML, в нём не предусматривалось тегов для форматирования гипертекста <syntaxhighlight lang="html5">
Строка 41 ⟶ 43 :
</html>
</syntaxhighlight>
Также нежелательно было появление в стандарте HTML 3.2 тега <code><nowiki><font></nowiki></code> (он нужен для изменения цвета, шрифта и размера текста). Представьте себе, что нужно написать страницу, где все заголовки красные. И приходится помимо тегов в заголовке писать ещё тег шрифта с атрибутом цвета.
Строка 48:
С четвёртой версии разделяются форматирование документа и его структура. Теперь в HTML-странице сохраняются только структура страницы (разноуровневые заголовки, абзацы, цитаты, списки), а всё, что относится к форматированию, описывается в [[w:CSS|CSS]]. Это удобно, поскольку позволяет быстро менять оформление всего сайта изменением только файла со стилем, и, кроме того, уменьшает длину кода, который нужно написать.
В HTML5 же, была предпринята попытка стандартизации: многие привычные теги (в том числе и выше названный <code><nowiki><font></nowiki></code>) осуждаются, все оформление рекомендуется использовать в отдельном CSS-файле, появились новые семантические теги.
== Структура страницы ==
=== Собираем инструменты ===
▲# [[w:Текстовый редактор|Текстовый редактор]]
=== Браузер ===
▲Раз вы читаете этот текст, две первые вещи у вас точно есть. Текстовый редактор также есть на каждом компьютере. Важно заметить: нам нужна программа для редактирования текстовых файлов, а не документов (то есть ни в коем случае нельзя использовать текстовые препроцессоры типа Microsoft Word). Обычно стандартного «Блокнота» Windows достаточно, но есть текстовые редакторы, которые лучше приспособлены к написанию HTML-страниц. Неплохие редакторы для Windows - [[w:Notepad++|Notepad ++]], [[w:Brackets|Brackets]], Atom, Sublime Text в которых хорошо писать не только HTML, а и CSS, PHP, C++, и ещё несколько десятков других языков. У них есть такая хорошая вещь, как подсветка синтаксиса, которая позволяет выявлять ошибки прямо во время их создания. Если же у вас Linux, тогда вы точно знаете что такое хороший текстовый редактор.
О браузере также стоит сказать несколько слов. Все советуют держать у себя на компьютере набор браузеров: Firefox, Opera, Chrome, Safari и просматривать свои страницы во всех сразу. Правда, функции тегов в разных браузерах отличаются не сильно (а
== Первая страница ==
▲О браузере также стоит сказать несколько слов. Все советуют держать у себя на компьютере набор браузеров: Firefox, Opera, Chrome, Safari и просматривать свои страницы во всех сразу. Правда, функции тегов в разных браузерах отличаются не сильно (а в идеале вообще не отличаются). Поэтому учиться можно просматривая свои страницы в одном из них, а уже когда пишете что-то большое — посмотрите, не имеется ли слишком критических различий во всех других.
=== Формат файлов ===
Чтобы создать веб-страницу, нужно создать в файловой системе текстовый файл с расширением .html или .htm. Какое из них выбрать — философский вопрос. .htm — сокращение от .html, что довольно смешно, поскольку .html — это тоже сокращение. Но были времена, когда в некоторых ОС расширение файла могло содержать максимум 3 символа (например, DOS), и страницы гипертекста имели расширение .htm. Теперь можно использовать оба расширения,но лучше всего использовать именно .html
=== Содержание веб-страницы ===
Веб-страницы состоят из [[w:Гипертекст|гипертекста]]. Гипертекст отличается от обычного текста тем, что содержит гиперссылки. Они обычно обозначены подчёркиванием и синим цветом, и позволяют сделать
URL (''Universal Resource Locator'') — адрес ресурса, который мы видим в адресной строке браузера.
| |||