HTML: различия между версиями

Содержимое удалено Содержимое добавлено
описание
Метка: редактор вики-текста 2017
→‎Введение: стилевые правки, орфография
Строка 11:
[[w:HTML|HTML]] (''Hyper Text Markup Language,'' расшифровывается как язык разметки гипертекстовых страниц) — каркас всех современных сайтов.HTML является языком разметки, но не языком программирования. Под языком разметки понимается набор символов созданный с целью передачи информации о строении текста. Это значит, что в отличии от языков программирования, язык разметки только управляет "внешним видом" текста для конечного пользователя.
 
Мы ранее сказали, что будем рассказывать об HTML5. Чем отличается стандарт HTML5 от предыдущих HTML?. Существует такая организация W3C (World Wide Web Consortium). Суть её работы хорошо выражена в их лозунге «Leading the Web to Its Full Potential…» («Приведём всемирную паутину к лидерству, раскрыв все её возможности»). И когда они говорят, что в будущем браузеры не будут поддерживать старые версии HTML, то оно наверняка так и будет - в данный момент, почти все браузеры придерживаются единого стандарта, который разрабатывает W3C, а именно - HTML5.
 
Когда W3C создавали стандарт HTML, в нём не предусматривалось тегов для форматирования гипертекста - теги показывали только структуру документа, например:
Строка 57:
 
=== Текстовый редактор ===
Первым делом, нам понадобится текстовый редактор. Текстовый редактор есть на каждом компьютере. Важно заметить: нам нужна программа для редактирования текстовых файлов, а не документов (то есть ни в коем случае нельзя использовать текстовые препроцессоры по типу Microsoft Word). Обычно стандартного «Блокнота» Windows достаточно, но есть текстовые редакторы, которые лучше приспособлены к написанию HTML-страниц. Неплохие редакторы [[w:Notepad++|Notepad ++]], [[w:Brackets|Brackets]], [[w:Atom (текстовый редактор)|Atom]], [[w:Sublime Text|Sublime Text]] в которых хорошо писать не только HTML, CSS, но и ещё несколько десятков других языков программирования и разметки. У них есть несколько удобных функций,таких как подсветка синтаксиса, которая позволяет выявлять ошибки прямо во время их создания, автоматическое дополнение тегов, что позволит сэкономить время на написание кода и многиемногое другиедругое.
 
=== Браузер ===
Строка 78:
* Одинарные.
 
Открывающие и закрывающие теги всегда ходятсуществуют парами: открывающий <code><html></code> и закрывающий <code></html></code>. Закрывающий отличается от открывающего тем, что после угловой скобки <nowiki><</nowiki> стоит знак слэш (знак дроби) <nowiki>«/»</nowiki>.
 
Элемент гипертекста — это всё, что находится между открывающим и закрывающим тегом. Элементы бывают вложенными.
Строка 100:
Все теги, которые встречаются выше, обязательны. Они присутствуют в каждой интернет-странице. Конечно, если вы какой-то из них забудете, браузер-то разберётся, но все серьёзные люди такие вещи не забывают. Тег <code><nowiki><html></nowiki></code> говорит браузеру, что в нём содержится код HTML. Тег <code><nowiki><head></nowiki></code> говорит, что в нём содержится заголовочная информация страницы. Эта информация на самой странице отсутствует. Тег <code><nowiki><title></nowiki></code>, как уже было сказано, содержит заголовок, который обычно отображается на вкладке. <code><nowiki><body></nowiki></code> содержит тело, тоесть содержимое страницы.
 
=== Комментарии ===
Кроме тегов и текста, гипертекстовые страницы могут содержать комментарии. Комментарии выглядят так: <code><nowiki><!-- Комментарий --></nowiki></code>. Они позволяют писать на странице текст, который не отображается браузером. Это нужно для вставки сообщений типа <code><nowiki><!-- Здесь не забыть дописать абзац о комментариях --></nowiki></code>.
 
ЕщёВ HTML существует проблемы с символами сравнения. Чтобы отображать некоторые нестандартные символы, существует понятие специальных символов. Например,Специальные высимволы напишетев такуюHTML страницуописываются так: &код;. Например:
 
<syntaxhighlight lang="html5">
<html>
<head>
<title>
С чего начинается страница
</title>
</head>
<body>
Каждая HTML-страница начинается с тега <html>.
</body>
</html>
</syntaxhighlight>
 
Такая страница отображается браузером неправильно (скорее всего, каждый браузер просто отобразит страницу по своему), потому что браузер не выводит теги. А <code><nowiki><html></nowiki></code> — тег. Такая же проблема и с символами сравнения. Поэтому, чтобы отображать некоторые нестандартные символы, существует понятие специальных символов. Специальные символы в HTML описываются так: &код;. Например:
 
{|Class="wikitable"