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);
}