Синтаксис записи тегов html выглядит. Основы языка HTML. Определение кодировки символов
Синтаксис языка HTML
Рис. 1.6. Отображение простой HTML-страницы в web-браузере
Основные правила языка HTML
Названия тэгов HTML не являются чувствительными к регистру, а в XHTML маленькие и большие буквы считаются разными, и имена тэгов должны записываться маленькими буквами.
Элементы могут включать текст и подэлементы (как, например, элемент html содержит подэлементы head и body в приведенном выше примере). Элементы должны быть правильно вложены друг в друга.
Подэлементы, включенные в элемент, должны заканчиваться до закрывающего гэга элемента. Например, следующая запись являегся ошибочной: <а>
Правильно данный фрагмент должен иметь следующий вид:
Это полужирный и наклонный текст
В XHTML, если элемент не включает текст и подэлементы (пустой элемент), все равно должен иметь открывающийся и закрывающийся тэги. Например, элемент br не имеет содержания и вызывает разрыв строки (продолжение текста начинается с новой строки). Однако в соответствии с правилами он должен записываться следующим образом:
или сокращенно
. Точно так же должен записываться и элемент
– вывод горизонтальной линии.
Открывающие тэги элементов могут иметь атрибуты, которые уточняют поведение элемента и задают дополнительные значения. Практически у каждого тэга имеется большое число необязательных параметров. Далее будут рассматриваться только основные атрибуты тэгов.
Многие атрибуты в HTML являются общими для всех элементов, но некоторые являются специфическими для данного элемента или элементов. Все они имеют форму:
имя_атрибута="значение"
Например:
Основы Hypertext Markup Language"
В данном примере элемент div (раздел HTML-страницы, позволяющий разделять документы на логические блоки) имеет атрибут id, для которого задано значение mySection. Элемент div содержит элемент h1 (заголовок первого, или самого важного, уровня), который, в свою очередь, содержит некоторый текст. Значения атрибутов должны быть помещены в одиночные или двойные кавычки.
Имена тэгов и атрибутов и их возможные значения определяются спецификацией языка HTML, и свои собственные тэги или атрибуты создавать нельзя.
У всех элементов можно задавать атрибуты id и class, значения которых используются для идентификации конкретных элементов (id) или группы элементов (class). Эти атрибуты активно используются в скриптах документа и описаниях CSS стилей документа.
Имеется две основные категории элементов в HTML: блочные и строковые
- Блочные элементы обычно информируют о структуре документа. Такие элементы начинаются с новой строки, отрываясь от того, что было перед этим. Примерами блочных элементов являются параграфы , пункты списка, заголовки и таблицы, контейнеры div.
- Строковые элементы содержатся внутри структурных элементов блочного уровня и охватывают только части текста документа, а не целые области. Строковый элемент не приводит к появлению в документе новой строки, т. к. они являются элементами, которые появляются в параграфе текста. Примерами строковых элементов являются ссылки, выделенные слова или фразы, контейнеры span.
HTML расшифровывается как HyperText Markup Language (язык разметки гипертекста ):
- язык означает, что он может быть прочитан как человеком, так и компьютером;
- разметка означает, что написанный вами код помечается с помощью ключевых слов;
- гипертекст означает, что он использует HTTP как часть Интернета.
Как и любой язык, HTML поставляется с набором правил . Эти правила относительно простые и сводятся к определению границ , чтобы знать, где что-то начинается и где заканчивается.
Ниже приведён пример абзаца в HTML:
<p > Сегодня я изучаю синтаксис HTML на сайте сайт</ p >То, что вы видите в угловых скобках < и > называется тегами HTML. Они определяют, где что-то начинается и где оно заканчивается.
Я уже создавал запись со справочником по HTML, где находился полный список всех тегов и их значения. Ссылка на данную запись –
Каждый из тегов несёт определённый смысл . В нашем случае <р> обозначает абзац текста.
Как правило, они идут парами:
- открывающий тег <р> определяет начало абзаца;
- закрывающий тег определяет его конец.
Единственным различием между открывающим и закрывающим тегами является слэш /, который предшествует имени тега.
При объединении открывающего, закрывающего тегов и всего между ними, вы получите элемент HTML .
Если вы просмотрите этот пример в вашем браузере, то заметите, что теги HTML в браузере не отображаются . Они читаются только браузером, чтобы знать, какой тип контента вы написали.
Группы тегов
Все теги делятся на 2 типа, строчные и блочные.
Блочные элементы, вроде:
- абзацы <р> ;
- списки: неупорядоченные (с маркером)
-
или упорядоченные списки (с числами)
-
;
- заголовки: от первого уровня
до шестого уровня
;
- статьи
; - разделы
; - длинные цитаты
.
Строчные элементы, вроде:
- ссылки ;
- выделенные слова ;
- важные слова ;
- короткие цитаты
;
- аббревиатуры .
Блочные элементы предназначены для структурирования основных частей вашей страницы, путём разделения содержимого на логически связанные блоки.
Строчные элементы предназначены, чтобы разграничить часть текста и придать ему определённую функцию или смысл. Строчные элементы, как правило, содержат одно или несколько слов.
Атрибуты
В тегах также могут размещаться атрибуты – специальные команды, которые расширяют действие тега. Для некоторых тегов они являются обязательными для правильной работы. Например для того чтобы ссылка вела на указанный адрес, нужно добавить дополнительный атрибут. Ссылка будет выглядеть так:
Атрибуты размещаются внутри открывающего тега в таком формате: <тег атрибут1=”значение” атрибут2=”значение”> .
Кавычки могут быть любыми – одинарными или двойными, допустимо их вообще их не ставить, если значение атрибута состоит из одного слова (но это не желательно).
Где писать HTML
Вы, вероятно, сталкивались c простыми текстовыми файлами, теми, которые имеют расширение.txt. Чтобы такой текстовый файл стал HTML-документом (вместо текстового), вам нужно использовать расширение.html.
В принципе, для работы с HTML вы можете использовать даже обычный текстовый документ, который является стандартным на каждом компьютере. Для этого вам нужно создать новый документ, прописать в него код и сохранить его в формате.html .
Для того чтобы работать с HTML файлами было удобно, вы можете использовать специальные редактор, которые предназначены для работы с данным типом файлов. Одним, из таких редакторов, является Sublime Text 3, я уже писал о нем с своих предыдущих записях. Вот ссылка на запись –
Что писать в файле
Для того чтобы наглядно просмотреть свой сайт в браузере, в файле сайта необходимо прописать следующий код.