HTML

HTML - декларативный язык программирования, используемый для разметки web-страниц - html-документов.

Web-страница отобржается в браузере (chrome, firefox, opera).

HTML документ состоит из тегов.

Тег - элемент разметки, который может иметь атрибуты. Внутри тега может находиться обычный текст или другие теги.

<div></div>

<!-- тег с атрибутом -->
<тег атрибут=значение>
    <!--тут содержимое элемента-->

    <!--простой тег без атрибута-->
    <тег2>
        обычный текст
    </тег>

    <!--обычный текст-->
    другой текст

    <!--закрывающий тег, т.е. конец элемента-->
</тег>
<!DOCTYPE>

<html>

    <head>
        <meta charset="utf-8" />
        <title>Title</title>
    </head>

    <body>
        <!-- тело страницы -->
    </body>

</html>

Элементы, описывающие документ

Элементы, описывающие секции/блоки

Элементы, описывающие списки

Элементы, описывающие текст

Шаблонизаторы

code

Фрагмент кода

embed

Note

HTML5

Внедрение объекта на страницу

  • height - высота элемента

  • src - ссылка на ресурс

  • type - тип ресурса

  • width - ширина элемента

<embed src="ilnurgi.mov" width="240" height="320" type="video/quicktime"

iframe

Фрейм, используемый для внедрения другого документа

  • allowfullscreen

    Note

    HTML5

  • height - высота элемента

  • sandbox

    Note

    HTML5

    • allow-forms

    • allow-pointer-lock

    • allow-popups

    • allow-same-origin

    • allow-scripts

    • allow-top-navigation

  • seamless

    Note

    HTML5

  • src

  • srcdoc

    Note

    HTML5

  • width - ширина элемента

<iframe src="ads.html" width="320" height="240"></iframe>

svg

Способы подключения

<svg> <!--SVG content--> </svg>

<img  src="logo.svg" alt="Company Logo">

<object type="image/svg+xml" data="logo.svg">
    <!--содержимое, если logo.svg недоступно-->
</object>

<iframe src="logo.svg">
    <!--содержимое, если logo.svg недоступно-->
</iframe>
.element {
    background: url(logo.svg);
}