Рубрика: HTML
HTML
HyperText Markup Language
язык гипертекстовой разметки
стандартизированный язык разметки документов для просмотра веб-страниц в браузере.
Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.
Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты такие как интерактивная веб-формы могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <img />
и <input />
, напрямую вводят контент на страницу. Другие теги, такие как <p>
, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов.
Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.
- ОТНОСИТЕЛЬНОЕ
локальное добавление стиля в корне текущей папки
<link rel="stylesheet" href="/САЙТ/style.css">
локальное добавление стиля в родительской папке корня текущей папки
<link rel="stylesheet" href="../style.css">
- АБСОЛЮТНОЕ
добавление стиля по полному пути
<link rel="stylesheet" href="http://www.htmlbook.ru/style.css"
- класс «управление»
//добавить класс
div.addClass(name);
//удалить класс
div.removeClass(name);
//добавление или удаление
div.toggleClass(name);
//проверка на наличие класса
div.hasClass(name);
- html «управление»
//очистить содержимое тега
div.empty();
//проверка на пустоту элемента
div.is(':empty')
- элемент «видимость»
//показать элемент
div.show();
//скрыть элемент
div.hide();
//свернуть развернуть тег
div.slideToggle();
- элемент «дочерний»
//первый дочерний элемент
div.children(':first');
//второй дочерний элемент
div.children().eq(1);
- ev события «управление»
//програмно выполнить событие у элемента
div.trigger(event);
- select тег «управление»
//найти выбранное значение в теге select
$('select').find('option:selected');
//найти выбранные элементы option в select у которых prop
//значение value не равно empty
select.find('option:selected[value!="empty"]');
//найти в выборке элемент с значением block
select.find('option').filter(':[value="block"]')
- t теги
//пробел
<div> </div>
- ts набор тегов
//scroll
<div style="overflow:scroll;width:700px;">
<div style="height:300px;width:1000px;">code</div>
</div>
- ev события тегов
//наведение на тег
mouseover
//клавиша нажата и опущена на теге
keypress
textarea встраивает свою высоту при изменении высоты контейнера с ограничением минимальной высоты и длинны
<div class="cont">
<div cass="tabs">tab</div>
<div cass="div">
<textarea></textarea>
</div>
</div>
<style>
.cont{
min-width: 300px;
min-height: 280px;
}
.tabs{
height:10%;
}
.div{
height:90%;
}
textarea{
height:100%;
}
</style>