Суббота, 02 февраля 2019 20:17

HTML

Автор
Оцените материал
(0 голосов)

Язык гипертекстовой разметки текста

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

 

 Результат      
 <  меньше чем  &lt;  &#60;
 >  больше чем  &gt;  &#62;
 &  амперсанд  &amp;  &#38;
   неразрывный пробел  &nbsp;  &#160;
 "  двойные кавычки  &quot;  &#34;
 '  одинарные кавычки  &apos;  &#39;

HTML теги и их значение

<!DOCTYPE html>  тег декларация HTML5, с него начинается любой документ написанный на HTML5.
<html></html>   Это корневой элемент, он определяет начало и конец документа. Включает в себя все остальные элементы документа. Открывающий тег помещается сразу после определения типа документа, Закрывающий тег
находится в конце документа. Этот элемент не имеет предков. В современном HTML является не обязательным, а в  XHTML всегда обязателен.
 <head></head>  Содержит информацию о  метаданных документа. Должен содержать в себе элемент title.Элемент head может выступать контейнером для таких элементов как: base, link, meta, noscript,
script и style, которые могут располагаться в произвольном порядке.
 <title></title>  является обязательным элементом определяющим заголовок документа, находится внутри элемента head, должен содержать буквы, цифры и стандартную пунктуацию. Заголовки обычно отображаются в браузере, использются поисковыми системами. Не может включать в себя другие элементы и может быть только один.
 <body></body>  обозначает тело документа, может быть только один, внутри него помещается весь видимый контент.
 <article></article>  автономная часть контента, которая может быть использована отдельно от остальной части
 <aside></aside>  в него помещается контент, который связан с окружающим содержимым, но сам будет находиться в стороне, как боковая панель.
 <audio></audio>  применяется для расположения звукового файла в веб странице, на текущий момент есть три поддерживаемых формата файлов: MP3, WAV и OGG;
При использовании с
autoplay происходит автоматическое воспроизведение мультимедийных файлов.
controls указывает на неоходимость отображения в браузере пользователя элементов управления аудио;
пример, как воспроизвести звук на веб странице:
<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>
если код записать так <audio controls autoplay> аудио файл начнет воспроизводиться автоматически,
<audio controls loop> означает, что файл будет воспроизводиться снова после того как закончится
<audio controls muted> означает, что аудиовыход должен быть отключен
<audio controls preload="none"> в этом случае звук не будет загружаться автоматически при загрузке страницы, вместо "none" возможны значения : auto|metadata
src = "URL-cсылкa" указывает местоположение мультимедийного файла.

 <a></a>

 применяется в качестве определителя сслки, используется с атрибутом href, id,
Пример ссылки на локальный файл : <a href="/имя файла.html">...</a>
на внешний файл: <a href="http://cервер/путь/файл.html">...</a>
для отправки сообщения электронной почты: <a href="mailto:имя_пользователя@домен">...</a>
по id<a id="фрагмент">...</a>

<br> с его помощью формируется разрыв строки. Это пустой элемент. в html применение закрывающего тега не допускается. в xhtml для закрытия этого элемента применяется косая черта.
<button></button> с его помощью создается кнопка, используется в форме ввода данных. Есть глобальные атрибуты.
<canvas></canvas> тег контейнер для рисования графики на ходу. Для фактического рисования графики используется скрипты.
Прочитано 356 раз Последнее изменение Четверг, 07 февраля 2019 14:38

Оставить комментарий

Убедитесь, что Вы ввели всю требуемую информацию, в поля, помеченные звёздочкой (*). HTML код не допустим.