Конспекты по HTML

<!DOCTYPE>

<html>

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

   <body></body>

</html>

a

Якорь, гипертекстовая ссылка, строчный элемент

  • download = “имя файла”

    Ссылка для загружаемого ресурса

    Note

    HTML5.1

  • href = “URI”

    Адрес ресурса

  • hreflang = “код языка”

    Язык целевого документа

  • media = “all | aural | braille | handheld | print | projection | screen | tty | tv”

    Note

    HTML5

    Note

    HTML5.1 удален

    Носитель целевого документа

  • rel = “alternate | author | bookmark | help | license | next | nofollow | noreferrer | prefetch | prev | search | tag”

    Связь между исодным и связанными документами

  • target = “текст”

    Имя окна или области iframe, где будет отображаться документ

  • type = “MIME”

    Тип контента для связанного контента

<a href="http:/ilnurgi.ru" id="my_anchor"></a>
<a href="http:/ilnurgi.ru/post.html#news"></a>
<a href="mailto:ilnurgi87@gmail.com"></a>
<a href="tel:+1234567890"></a>
<a id="anchor_bottom"></a>
<a href="#anchor_bottom"></a>

code

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

div

Блочный элемент, секция

<div id="summary">
    ....
</div>

em

Выделение текста

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>

img

Изображение

  • alt - альтернативный текст
  • crossorigin - anonymous | use-credentials
  • height - высота элемента
  • ismap
  • src
  • usemap
  • width - ширина элемента
<img src='' alt='' title='' width='' height=''>

span

Строчный элемент, используется для верстки

<span></span>