- textarea
- встраивает свою высоту при изменении высоты контейнера
- с ограничением минимальной высоты и длинны
- встраивает свою высоту при изменении высоты контейнера
- html
- <div class=
cont
>- <div cass=
tabs
>tab</div> - <div cass=
div
><textarea></textarea> </div>
- <div cass=
- </div>
- <div class=
- css
- <style>
- .cont{ min-width: 300px; min-height: 280px; } .tabs{ height:10%; }
- .div{ height:90%; }
- textarea{ height:100%; }
- </style>
- <style>
Рубрика: HTML
HTML
HyperText Markup Language
язык гипертекстовой разметки
стандартизированный язык разметки документов для просмотра веб-страниц в браузере.
Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.
Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты такие как интерактивная веб-формы могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <img />
и <input />
, напрямую вводят контент на страницу. Другие теги, такие как <p>
, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов.
Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.
Async/await
Существует специальный синтаксис для работы с промисами, который называется «async/await». Он удивительно прост для понимания и использования.
MyInput.vue
MyInput.vue
простой UI тег Input в HTML5, который реализуется в файле MyInput.vue как компонент
- высота элемента
- высота по родительскому элементу
- height: inherit;
- высота по родительскому элементу
- вертикальное расположение элемента
- размещение элемента по вертикали (вверх)
- vertical-align: top;
- размещение элемента по середине
- vertical-align: middle;
- размещение элемента по вертикали (вверх)
- рамка контейнера элемента
- border: 1px solid black;
- при наведении нп элемент появляется курсор
- cursor: pointer;
- синтаксис id
- id #211018104515 {code} error
- #211018104515_id {code} error
- #211018104515-id {code} error
- #id-211018104515 {code} successfully
- синтаксис class
- class .211018104515 {code} successfully
- .211018104515-click {code} successfully
- .click-211018104515 {code} successfully