d… էլեմենտները
<data>…</data>
Предназначен для отображения данных.
Атрибут value определяет числовые значения данных в javascript (и не только), чтобы с ними было проще работать.
<body>
<ul>
<li><data value= "1122" > айфон-10 </data> </li>
<li><data value= "1133" > айфон-11 </data> </li>
<li><data value= "1144" > айфон-12 </data> </li>
</ul>
</body>
<datalist>…</datalist>
Определяет список опций и используется <input> с элементом.
<input>-ում list Атрибут указывает значение идентификатора списка.
<option>список указан с помощью .
Например:
<body>
<input list="lezuner">
<datalist id= "lezuner" >
<option value="Html">
<option value="Css">
<option value="Javascript">
<option value="React">
<option value="Angular">
</datalist>
</body>
<dl>…</dl> <dt>…</dt> <dd>…</dd>
<dl>-это контейнер
Список определяет термин <dt> через элемент, затем объяснение термина <dd> через элемент.
<body>
<dl>
<dt>HTML:</dt>
<dd>Предназначен для добавления в закладки нашего документа</dd>
<dt>CSS:</dt>
<dd>Предназначен для создания HTML-документов.</dd>
</dl>
</body>
<del>…</del> <s>…</s>
<del> и: <s> էլեմենտների означает, что часть текста определена как устаревшая, а не актуальная.
<ins> элемент определяет текущую версию текста.
Например:
<body>
<p>Доступно сейчас в формате html <del>4-й</del> <ins>5.1</ins> вариант.</p>
</body>
Он имеет два атрибута:
cite
cite=”www.example.com/html4-to-html5.1/” - citeуказывается адрес, где указана причина изменения сегмента.
datetime
datetime=“YYYY-MM-DDThh:mm:ssTZD” - указана дата изменения текстовой части.
YYYY - указан год. например: 2050.
MM - указан месяц. например: 01.
DD - день месяца. например: 10.
T - символ отделения дня от времени. например T или просто зонд.
hh -время. например: 22:00.
mm - минута. например: 30.
ss - Варкян: например: 14.
TZD - обозначение часового пояса. например UTC+4.
Конечным результатом будет: datetime= “ 2050-01-10 10.00pm:30:14UTC+4”
<details>…</details><summary>․․․</summary>
Сначала пример:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1 data-no-auto-translation="">Հաճախակի տրվող հարցեր։</h1>
<details>
<summary>Что такое HTML?</summary>
<p>HTML (язык разметки гипертекста) — это язык разметки.
<br> Предназначен для подготовки веб-страниц.</p>
</details>
<br><br>
<details open>
<summary>Что такое CSS?</summary>
<p>CSS (каскадные таблицы стилей) предназначены для стилизации веб-страницы.</p>
</details>
</body>
</html>
<details>-дополнительная информация задается с помощью и извлекается заголовок <summary> в элементе.
open атрибут сразу отобразит информацию, а если она недоступна, нажмите на заголовок.
<dfn>…</dfn>
Используется для обозначения определенных терминов в тексте. Это принято <dfn> в элементе, который изображает термин более наклонно.
<body>
<p>
<dfn> бутстрап </dfn> — бесплатная CSS-библиотека с открытым исходным кодом для создания веб-сайтов и приложений.
</p>
</body>
<dialog>…</dialog>
Определяет диалоговое окно.
Диалоговое окно обычно создается с использованием CSS и Javascript.
Он предназначен для создания модальных диалогов в интерактивных приложениях, которые требуют взаимодействия с пользователем, прежде чем основная работа приложения сможет продолжиться.
Окно без других языков:
Окно с Css и Javascript:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Hayti</title>
<style data-no-auto-translation="">
body {
background: url(html.png) no-repeat;
background-size: 300;
}
dialog {
position: fixed;
top: 25%;
background: rgba(255, 255, 255, 0.7);
width: 300px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
border-radius: 5px;
}
#overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
</style>
</head>
<body>
<button id="openDialog">Открой окно</button>
<div id="overlay">
<dialog>
<p>
HTML' (язык разметки гипертекста), язык разметки, используемый для разметки большинства веб-страниц. Язык HTML обрабатывается браузером и отображается как удобочитаемый документ.
</p>
<p>
<button id="closeDialog">Закройте окно</button>
</p>
</dialog>
</div>
<script>
var dialog = document.querySelector("dialog");
document.querySelector("#openDialog").onclick = function () {
document.getElementById("overlay").style.display = "block";
dialog.show();
};
document.querySelector("#closeDialog").onclick = function () {
document.getElementById("overlay").style.display = "none";
dialog.close();
};
</script>
</body>
</html>
open
open с помощью атрибута окно заранее будет открыто, а если нет, то придется нажать на кнопку.
<div>...</div>
Определяет контейнер, который группирует содержащиеся в нем элементы в один общий элемент.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Hayti</title>
<style data-no-auto-translation="">
.block1 {
width: 200px;
background: #ccc;
padding: 5px;
padding-right: 20px;
border: solid 1px black;
float: left;
}
.block2 {
width: 200px;
background: #fc0;
padding: 5px;
border: solid 1px black;
float: left;
position: relative;
top: 40px;
left: -70px;
}
</style>
</head>
<body>
<div class="block1">
<h1 data-no-auto-translation="">Html</h1>
<p>
С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, HTML поддерживает гипертекст. Мультимедийные возможности были добавлены чуть позже.
</p>
</div>
<div class="block2">
<h1 data-no-auto-translation="">Css</h1>
<p>
CSS или каскадные таблицы стилей — это технология, используемая для разработки веб-сайта на формальном языке программирования. CSS в основном используется для разработки веб-страниц, принадлежащих к форматам HTML и XHTML...
</p>
</div>
</body>
</html>
Russian 
Armenian