html (Язык гипертекстовой разметки) Язык гипертекстовой разметки, изобретатель: Тим Бернерс-Ли. HTML в основном определяет содержание и структуру веб-страниц. html — это язык написания веб-страниц. HTML может работать только в браузере. Технологии веб-страниц включают в себя: html (написание структуры веб-страницы, похожей на человеческий скелет), css (каскадные таблицы стилей, написание стилей веб-страницы, похожих на человеческую кожу), JavaScript (написание специальных веб-страниц). эффекты и взаимодействия) Функции, аналогичные человеческим навыкам (действиям)). Обычно используемые браузеры — Google Chrome и Firefox. Рекомендуется Google Chrome. Откройте браузер, нажмите F12 или щелкните правой кнопкой мыши -> Установите флажок, чтобы открыть инструмент разработки (инструмент разработчика).
Просмотр веб-страниц через HTML-код
Проверьте конкретные поля элемента с помощью вычисленных
Базовая структура каталогов веб-сайта: создайте новую папку веб-сайта -> создайте каталоги css, js, imgs и запишите внутри файлы веб-страниц. w3school: https://www.w3school.com.cn/tags/tag_wbr.asp. Вы можете запросить все HTML-теги, атрибуты и использование. Может использоваться как справочник по html.
Создайте файл .html, который является файлом веб-страницы. Щелкните правой кнопкой мыши->Создать текстовый документ->Измените суффикс на .html.
Щелкните правой кнопкой мыши -> Открыть файл в Блокноте.
. <!DOCTYPE html> объявляет версию html5.0.
<head></head> Заголовок веб-страницы (можно понимать как человеческую голову)
<body>hello html!</body> Видимая область веб-страницы (например, тело человека, одежда, то, что могут видеть другие люди)</html> Конец веб-страницы
HTML-теги должны быть написаны непосредственно в <>. Те, что внутри <>, называются тегами (тегами), теги с / называются конечными тегами (называемыми конечными тегами html), а теги без / называются начальными тегами. HTML состоит из множества тегов с различными функциями. Начальный и конечный теги могут напрямую оборачивать другие теги. После написания кода необходимо нажать клавиши CTRL+S, чтобы сохранить код. Большинство отечественных браузеров по умолчанию отображают кодировку UTF-8, но некоторые браузеры не обязательно отображают кодировку UTF-8 по умолчанию. По умолчанию Блокнот сохраняет кодировку UTF-8. Если веб-страница отображается без кодировки UTF-8, символы будут отображаться искаженно.
Тег: Тег — это базовая единица языка HTML, состоящая из <> и английских слов внутри. Закрывающий тег: состоит из начального тега <имя тега> и конечного тега, которые появляются парами. Большинство тегов в HTML являются закрывающими тегами. Самозакрывающийся тег: начинается и заканчивается <>, в версии html4 нет необходимости добавлять /, а спецификация html5 требует добавления /. (Обычные: мета, hr, link, br, input, img) Вложенность: закрывающие теги HTML могут быть вложенными и вложенными бесконечно. Как и в дереве, эта структура называется древовидной. Чтобы представить эту структуру, метка обычно занимает отдельную строку, а для представления иерархической структуры требуется отступ (клавиша Tab 8 новых строк). Атрибут: слово после пробела в имени тега обычно содержит = или может не иметь знака равенства. Различные атрибуты могут придавать тегу различные эффекты отображения или функции. Глобальные атрибуты. Большинство тегов HTML могут использовать атрибут title: при наведении указателя мыши на тег будет отображаться содержимое подсказки, например:
<h2 title="hello h2">заголовок h2</h2>
Частные атрибуты: элементы атрибутов, специфичные для тега: содержимое, заключенное в начальный и конечный тег, включая начальный и конечный теги. Содержимое элемента: содержимое, заключенное в открывающий и закрывающий теги.
8.
Элемент уровня блока: элемент, занимающий одну строку, даже если контент не заполняет ширину веб-страницы, он будет занимать всю строку. ——》h1-h6,p,blockquote Inline elements (встроенные элементы): Они не будут занимать одну строку. Размер рассчитывается автоматически и зависит от ширины и высоты содержимого——》span,strong, i,em,b, cite, q, code, markhtml Правила новой строки: HTML имеет свой собственный набор правил обработки. Пробелы и разрывы строк в начале и конце содержимого тега будут игнорироваться, а пробелы и разрывы строк между содержимым будут обрабатываться как 1 пробел.
Язык разметки HTML состоит из множества тегов, причем разные теги имеют разные стили и функции.
<h1>h1</h1>
Теги заголовков h1-h6, шрифты упорядочены от большего к меньшему, шрифты имеют жирный эффект.
Атрибут выравнивания: установите выравнивание текста. Значения атрибута: по левому краю, по центру и по правому краю. По умолчанию установлено выравнивание по левому краю, которое можно опустить.
<p></p>: тег p, тег абзаца, тег p имеют поля по 16 пикселей сверху и снизу.
<hr />: отображает горизонтальную линию.
<span></span> не имеет стиля по умолчанию и в основном используется для стилей CSS.
<br />: тег разрыва строки, содержимое после br отображается в новой строке без полей.
Текст, заключенный в тег <b></b> b, будет выделен жирным шрифтом без какого-либо смыслового значения. Тег версии HTML4
<strong></strong> подчеркивает семантику, а заключенный в него текст будет выделен жирным шрифтом. Новые теги добавлены в версию html5.
<i></i> не имеет семантического значения, просто курсив. HTML4-теги
<em></em> подчеркивает семантику, а заключенный в него текст отображается курсивом. h5 увеличивается.
<sup>2</sup>: надстрочный индекс, текст пакета отображается вверху.
Индекс <sub>2</sub>, обернутый текст отображается меньше.
<blockquote></blockquote> представляет собой цитируемый отрывок (например, известную цитату) с полями по умолчанию.
<cite></cite>Цитируемый контент откуда-то или кем-то получен
<q></q> представляет собой ссылку, а содержимое заключено в ""
<code></code> указывает, что содержимое представляет собой фрагмент кода, отображаемый шрифтом фиксированной ширины.
<code></code> указывает, что содержимое представляет собой фрагмент кода, отображаемый шрифтом фиксированной ширины.
<mark></mark> отмечает часть контента желтым фоном.
<pre></pre> может сохранять разрывы строк и символы пробелов, но управлять эффектом отображения веб-страницы сложно. Обычно он не используется, если нет особых потребностей.
  символ половинной ширины, ширина одной английской буквы, ширина половины китайского символа.
  Символ полной ширины, ширина 2 буквы, ширина 1 китайский иероглиф.
<small></small> Шрифт на один размер меньше содержимого заголовка. Эффект по умолчанию вступает в силу в теге h. h5 новое дополнение
<time></time> представляет время, а текст даты заключен в этот тег: «Атрибут datetime: необязательно, вы можете установить конкретную дату, чтобы облегчить сканирование поисковой системой.
<data value="100">100 юаней</data> используется для текста данных -> атрибут значения: необязательно, вы можете установить значение для облегчения сканирования поисковыми системами.
<address></address> используется для текста адреса, по умолчанию выделен курсивом.
<del>190.00</del> указывает на удаленное содержимое, а текст будет иметь горизонтальную линию.
<ins>Скидка 7,9 %</ins> указывает на вставленный контент, а текст будет подчеркнут.
<abbr title="">HTML</abbr> используется для текста профессиональной терминологии. «Содержимое атрибута title может использоваться в качестве объяснения термина.
<!-- Я — содержимое комментария --> Содержимое комментария — это интерфейс, который браузер не отображает и предназначен в основном для просмотра программистами. Горячая клавиша для комментариев в vscode — ctrl+/
Адрес загрузки: http://vscode.bianjiqi.net/
Установить китайский пакет
Часто используемые плагины
HTML-фрагменты запрашивают HTML-код
Автоматическое переименование тега автоматически закрывает тег и синхронно изменяет его.
HTML CSS Поддержка смарт-подсказок Имя класса CSS и имя идентификатора
открыть в браузере Текущий HTML-файл можно открыть в браузере
Live Server создает локальный сервер для открытия файла.
Shift+ Выберите первый, чтобы быстро создать базовую структуру веб-страницы!
<div></div> по умолчанию имеет стили и семантику, обозначающие область уровня блока, которая является основной областью макета веб-страницы.
<header></header> представляет собой заголовок веб-страницы или статьи. Его можно использовать в различных сценариях. Например, в статье он представляет собой заголовок статьи. Вообще говоря, он по-прежнему представляет собой заголовок веб-страницы.
<main></main> представляет содержимое темы веб-страницы. Для веб-страницы существует только одна основная тема.
<section></section> в основном представляет собой независимую тему и может заменять элемент div.
<aside></aside> может представлять собой боковую панель веб-страницы. Если он находится на уровне файла, он представляет комментарии к статье.
<article></article> представляет собой статью или сообщение, которое может содержать заголовок, нижний колонтитул, раздел, боковую часть и другие элементы.
<footer></footer> представляет нижнюю область, которая может представлять собой нижнюю часть веб-страницы или нижнюю часть статьи.
<nav></nav> Элемент навигации, представляющий модуль навигации. Обычно веб-страница имеет только одну навигацию.
Правила вложения HTML-тегов: 1. Элементы макета могут вкладывать любой элемент. 2. Элементы уровня блока могут вкладывать строчные элементы. 3. Строковые элементы не могут вкладывать элементы уровня блока. 4. Теги p не могут вкладывать другие элементы уровня блока.
Тег гиперссылки:
<a href="https://www.baidu.com" target="_self">В Baidu</a> Нажав на этот тег, можно перейти к URL-адресу.
свойство
1.href — это адрес перенаправленной веб-страницы:
href="tel:13111111111" Телефонный протокол может создать телефонную ссылку. В мобильном браузере пользователь может нажать, чтобы вызвать телефон для набора номера. href="mailto:[email protected]": используя протокол mailto, после нажатия браузер откроет почтовую программу машины по умолчанию, позволяя пользователю отправлять почту на указанный почтовый адрес. Привязка: вы можете указать идентификатор. атрибут для тега html, а затем перейти к указанному местоположению через href="#id", # представляет идентификатор
Например
<a href="#fyp">Жизнь</a> <h3 id="fyp">Очень хорошо</h3>
Загрузить файл: если href — это адрес файла, файл можно загрузить.
Цель — это способ перехода к открытию веб-страницы. Значение атрибута по умолчанию — _self, открыто текущее окно, а -blank — открыть новое окно.
Ping: щелкните метку, чтобы отправить запрос на публикацию по адресу, указанному в ping. В основном он используется для отслеживания поведения пользователя.
Теги изображений:
<img src="./imgs/shop_33.jpg" alt="" height="50" loading="lazy" />
свойство
Атрибут src — это адрес изображения, который может быть локальным адресом изображения или сетевым адресом изображения. Атрибут alt задает текстовое описание изображения. Когда изображение не отображается, будет отображаться содержимое атрибута alt. width задает ширину изображения, а height задает высоту изображения. Если задан только один из них, второй рассчитывается автоматически. Единица измерения — pxloading. Атрибут задает поведение загрузки изображения. По умолчанию установлено 3 значения атрибута. Это означает, что атрибут загрузки не используется. Lazy, включает отложенную загрузку (изображение загружается только тогда, когда оно появляется в видимой области), нетерпеливый, загружает изображение немедленно, независимо от того, появляется ли изображение в видимой области. Элемент области изображения фигуры
<цифра> <img src="F" /> <figcaption>Фотографии моста</figcaption> </фигура> На рисунке представлена область изображения, в которую можно вкладывать изображения и связанную с ними информацию. figcaption описывает изображение и может использоваться в качестве заголовка изображения.
список
старый упорядоченный список
<ol type="1" start="5"> <li>1 класс, 1 класс</li> <li>Доски для 2-го класса.</li> ... </ол>
Упорядоченный список с номером перед каждым столбцом.
свойство
атрибут типа
Значение атрибута устанавливает числовой тип перед столбцом:
1 арабская цифра (по умолчанию).
строчные буквы в алфавитном порядке
Алфавитный порядок в верхнем регистре
сортировка римских цифр строчными буквами
I Порядок римских цифр в верхнем регистре
обратный порядок start устанавливает начальное значение числа
ул неупорядоченный список
<ul type="квадрат"> <li>1 класс, 1 класс</li> ... </ul>
Неупорядоченный список, без порядкового номера, перед каждым столбцом стоит символ.
Атрибут type задает символ для каждого столбца списка: сплошной круг диска (значение по умолчанию), полый круг круга, квадратный прямоугольник. Может использоваться в качестве элементов макета веб-страниц.
пользовательский список дл
<дл> <dt>веб-интерфейс</dt> <dd>Интернет-стойка</dd> </дл>
dl, в dl может быть несколько комбинаций dt и dd.
dt представляет собой термин, dd — это объяснение термина
веб-контейнер iframe
<iframe src="https://player.youku.com/ встроить/XNTg2MzEyMjY2NA==" Frameborder="0" разрешить полноэкранный режим> </iframe>
Контейнер веб-страницы iframe, который может отображать другие веб-страницы и веб-контент в определенной области. Атрибут src устанавливает адрес отображаемой веб-страницы. Ширина устанавливает ширину iframe, а высота устанавливает высоту рамки iframe. размер границы.allowfullscreen Нажмите кнопку полноэкранного режима, чтобы отобразить мультимедийные теги в полноэкранном режиме.
видео: может воспроизводить видео
<видео src="./media/test.mp4" элементы управления автозапуск приглушенный петля высота="300" плакат="./imgs/shop_33.jpg" предзагрузка="авто" </видео>
src — это адрес видео, который может быть локальным адресом или сетевым адресом. Управляет автовоспроизведением панели управления плеером (в браузере Chrome необходимо отключить звук), отключить звук, зациклить воспроизведение, установить ширину, высоту, установить высоту, обычно задается один, пусть другой размер. Автоматически рассчитывать изображение обложки видео постера, которое может быть сетевым изображением или предварительно загруженным локальным изображением. Значение атрибута видеокеша: auto (значение по умолчанию) буферизует все видео, none не буферизует, метаданные буферизуют метаданные видеофайла, обычно не устанавливаются, сохраняют значение по умолчанию.
<автоматическое воспроизведение видео отключено> <source src="./media/test.webm" type=" видео/вебм"> <source src="./media/test.mp4" type=" видео/mp4"> </видео>
Чтобы обеспечить совместимость с форматами видеофайлов, воспроизводимых в разных браузерах, используйте исходный элемент, пока не найдете видеофайл, который можно воспроизвести.
Ввод html-символа:
Вы можете использовать метод ввода Sogou для ввода специальных символов.
Отображение символов через исходный код символов HTML (рекомендуемый метод)
стол стол
таблица представляет собой таблицу
свойство:
borderThe ширина границы таблицы width задает ширину ячеек таблицы; расстояние между ячейками — cellpadding — прямой интервал (пробел) между ячейками и содержимым, также называемый внутренним полем. выравнивание таблицы, выравнивание по левому краю, выравнивание по центру, выравнивание по правому краю bgcolor фоновое изображение для веб-макета
tr представляет линию
ячейка заголовка — шрифт по умолчанию жирный, горизонтально по центру
стандартная ячейка td, в основном отображает данные (содержимое отображения размещается внутри элемента td)
colspan объединяет ячейки по столбцам. После объединения ячеек оставшиеся ячейки необходимо удалить. rowspan объединяет ячейки в разных строках и ячейки в последующих строках. После объединения лишние ячейки необходимо удалить. Цвет фона ячейки bgcolor: Значение атрибута: 1. Название цвета (красный, серый и т. д.) 2. Шестнадцатеричный код цвета (#000000 черный, #ffffff белый) 3. Режим rga: например, rga (204,97,70)cellpadding — это прямой интервал (пробел) между ячейкой и содержимым, также называемый внутренним полем. Align — это горизонтальное выравнивание текста ячейки по левому краю (по умолчанию), по центру (по центру), по правому (справу) выравнивание текста ячейки по вертикали, выравнивание сверху вверх, по центру посередине, выравнивание снизу снизу
caption Название таблицы
thead — это заголовок таблицы (если заголовка нет, его не нужно писать. Если вы пишете thead, у вас должны быть tbody и tfoot). Ячейки в начале таблицы обычно используют элемент заголовка th). .
tbody Тело таблицы.
у подножья стола
url: унифицированный указатель ресурса, также называемый URL-адресом.
Протокол: метод, используемый браузером для запроса ресурсов сервера:
Протокол http, порт по умолчанию 80, можно опустить. Данные передаются в открытом виде и могут быть легко перехвачены.
Протокол https и протокол HTTP добавляют сертификат SSL (с открытым ключом и секретным ключом) для шифрования данных, передаваемых на веб-странице. Порт по умолчанию — 443, его можно опустить.
хост: IP-адрес или доменное имя сервера веб-сайта. Порт: каждое приложение на компьютере имеет отдельный порт. Путь: расположение ресурса на веб-сайте. Параметры запроса: дополнительная информация, предоставляемая серверу, в основном данные, передаваемые от внешнего интерфейса к серверному.
**форма формы:** Тег содержит множество элементов управления формой. Элементы управления формой позволяют пользователям вводить входные данные и передавать эти данные в серверную часть через тег формы. (Все элементы управления формой имеют атрибут имени, с помощью которого данные, введенные элементом управления формой, могут передаваться на серверную часть через параметры запроса.)
свойство:
действие Адрес метода передачи данных Способ отправки данных:
Значение: данные запроса на получение (по умолчанию) передаются в качестве параметров запроса. Преимущества: Передача данных происходит относительно быстро. Недостатки: Данные можно увидеть прямо на сайте. Существует ограничение на размер передаваемых данных, можно передавать только строки. Если это запрос на получение, вам не нужно писать атрибут метода.
При отправке запроса данные передаются через тело запроса, и данные не видны за URL-адресом. Недостатки: Передача данных происходит не так быстро, как получение. Недостатки: В теле запроса данные относительно безопасны. Отображение передаваемых данных практически отсутствует, и можно передавать различные данные.
enctype указывает почтовый запрос и MIME-тип данных, передаваемых браузером (бэкэнд принимает разные значения в зависимости от разных типов MIME)
Метка поля ввода ввода, самозакрывающаяся этикетка
свойство
maxlength — максимальная длина входного символа. Заполнитель не может быть введен, если он превышает его. Когда входное содержимое пусто, отображаемый текст подсказки доступен только для чтения. Его можно только просматривать, но нельзя выбирать элементы. . отключено отключено, элемент серый и его нельзя выбрать. шаблон отображаемого значения (содержимого) элемента. Вы можете ввести регулярное выражение. Если поле ввода не соответствует регулярному выражению, вам будет предложено установить параметр по умолчанию для переключателя или поля с множественным выбором. Атрибут. Если в поле ввода нет входного значения, при отправке появится сообщение с подсказкой. type определяет форму входного тега. Разные значения отображаются в разных формах
значение атрибута типа:
текст (по умолчанию) данные пароля для ввода текста отображаются в поле ввода номера зашифрованного текста, можно вводить только цифры, атрибуты поля ввода числа ----> обычно сочетаются со следующими атрибутами: минимальное минимальное значение, максимальное максимальное значение, шаг — это кнопка справа для увеличения длины шага (кнопка справа от трех атрибутов действительна). Поиск используется для поиска в поле ввода. После ввода содержимого справа появляется четкий значок. Для переключателей-кнопок необходимо установить значение, которое является значением, выбранным радиопереключателем. Атрибуты имени должны быть согласованными, чтобы обеспечить выбор радиопереключателя. флажок Множественный выбор, необходимо установить значение, которое является значением, выбранным при множественном выборе, а атрибут имени должен быть установлен последовательно. электронная почта — это поле ввода электронной почты. Если ввод не в формате электронной почты, появится подсказка. В поле ввода номера телефона необходимо установить атрибут шаблона, чтобы установить обычный URL-адрес. Если ввод не является URL-адресом, будет указан цвет подсказки. Вы можете выбрать ползунок цветового диапазона и переместить выбранное значение. в указанном диапазоне — с минимальным минимальным значением, максимальным максимальным значением, шагом. Размер шага каждого слайда (по умолчанию — 1). Скрытое поле ввода скрыто и не отображается на веб-странице. дата выбор даты, время выбор времени, месяц месяц, неделя неделя, дата-время-местный год месяц день-время - с минимальной необязательной минимальной датой, макс необязательной максимальной датой, значением выбранной кнопки атрибута даты отображается как обычная кнопка, нет Любой Кнопка отправки функции, нажмите, чтобы передать данные на серверную часть через сброс имени, восстановить значение, контролируемое формой формы, до исходного значения загрузки файла файла, форма формы должна установить enctype="multipart/form-data"
тег набора полей
Тег набора полей представляет собой контейнер уровня блока, который представляет коллекцию компонентов формы. Легенда устанавливает заголовок элемента управления набором полей. Обычно это первый элемент набора полей, который встраивается в верхний угол набора полей. Синтаксис: <форма> <набор полей отключен> <legend>Личная информация</legend> </fieldset> </форма>
Атрибут Disabled может сделать элементы управления обернутой формой серыми и недоступными.
этикетка этикетка
Текстовое описание элемента управления формой этикетки обычно используется в форме заготовки.
Атрибут for может быть связан с элементом управления формой, а его значением является значение атрибута id элемента управления формой.
<input type="checkbox" value="test" id="c" > <label for="c">Неизвестно</label>
Вы можете поместить элементы управления формы в теги меток и автоматически связать их. <метка> <input type="radio" value="man"name="sex">Мужской</label>
кнопкакнопка
свойство:
тип типа кнопки: submit (отправка данных формы), сброс (сброс данных формы в исходное состояние), кнопка — обычная кнопка без поведения. ——》Тег кнопки можно использовать вне тега формы. Будет иметь атрибут submit и может быть отправлен
Отключенная кнопка отключает имя кнопки. При отправке данных отправляйте их в форме имя=значение (чтобы соответствовать значению кнопки). Форма, связанная с кнопкой. атрибут формы form. Если этот параметр опущен, ассоциация по умолчанию находится в родительской форме.
<form id="form1"></form> <button form="form1" value="test">Отправить</button>
выберите раскрывающееся меню
Создайте раскрывающееся меню, которое необходимо настроить с помощью тега параметра.
<select name="province" требует dmultiple size="8"> <optgroup label="Юг"> <option value="sc">Сычуань</option> <option value="gd" selected>Гуандун</option> </optgroup> <optgroup label="Север" отключен> <option value="sc">Сычуань</option> </optgroup> </выбрать>
свойство
1.select——имя формы name, данные передаются на бэкенд в виде имя=значение (значение — это значение выбранного параметра)
отключенная форма не может быть выбрана
требуется требуется
Несколько можно выбрать несколько вариантов (для выбора нескольких вариантов необходимо нажать Ctrl) Размер Если установлено несколько, вы можете установить количество строк, отображаемых одновременно.
2. опция устанавливает опцию в раскрывающемся меню. ——》значение Выбранное выбранное значение Устанавливает выбранный элемент по умолчанию
3. <optgroup label="南>Параметры группы——》label — это имя группы, и группа не может быть выбрана. После установки параметра «Отключено» все параметры в группе не могут быть выбраны.
контейнер списка данных
<datalist id="данные"> <option value="a" label="A11"> <option value="b" label="B11"> <option value="c" label="C11"> </даталист>
datalist — это тег-контейнер, который может предоставить набор данных для указанного элемента управления, обычно используемый для ввода подсказок в полях ввода. Атрибут id используется для связывания элемента управления вводом. Атрибут списка ввода может быть связан с опцией контейнера списка данных для установки каждой опции. value — это значение параметра, label — это описание значения, и браузер Chrome отображает его в следующей строке значения.
textarea многострочное поле ввода текста
textarea — это многострочное поле ввода текста. По умолчанию его размер можно изменить путем нажатия и перетаскивания. Содержимое пакета представляет собой текст подсказки заполнителя значения. rows Высота текстового поля, единица измерения — строка cols Ширина текстового поля, единица измерения — символы отключены. Ввод запрещен. maxlength Максимальное количество входных символов minlength Минимальное требуемое количество входных символов Обязательно
выход
10+10<output name="result">20</output> представляет результат операции пользователя.
прогресс
<progress max="100" value="50">50%</progress>s — это встроенный элемент, указывающий ход выполнения задачи, обычно отображаемый в виде индикатора выполнения.
max — максимальное значение индикатора выполнения. По умолчанию — число от 1 до 0-max, указывающее текущий прогресс.
индикатор счетчика
<meter title="455" мин="100" max="500" value="455" low="150" high="350"></meter>
Индикатор счетчика отображает значение в пределах известного диапазона. Значение отображается зеленым в нижней и верхней областях и оранжевым в других областях.
min — минимальное значение диапазона max — максимальное значение значения диапазона текущее значение low нижний порог (больше min) высокий верхний порог (меньше max)
подробностисвернуть тег
Подробности свернуть тег По умолчанию браузер сворачивает тег, чтобы обернуть его содержимое. Нажмите, чтобы развернуть и просмотреть содержимое.
Установить складной заголовок
<подробности> <summary>Свернуть заголовок</summary> <ул> <li>тест1</li> </ul> </подробнее>
Теги уровня блока (элементы) div, p, form, ul, h1-h6, dl, заголовок, навигация, раздел, в сторону, основная, статья, встроенные теги нижнего колонтитула (элементы) span, em, Strong, input (текст, пароль) , радио, флажок, файл), кнопка, выбор, метка отображаются в виде индикатора выполнения.
- max Максимальное значение индикатора выполнения, по умолчанию 1. - значение представляет собой число от 0 до максимума, указывающее текущий прогресс. **индикатор счетчика**
Индикатор счетчика отображает значение в пределах известного диапазона. Значение отображается зеленым в нижней и верхней областях и оранжевым в других областях. - min минимальное значение диапазона - max - максимальное значение диапазона - value - текущее значение - low - нижний порог (больше минимального) - высокий верхний порог (меньше максимального) #### подробности Свернуть сведения о теге Свернуть тег, браузер свернет тег, чтобы обернуть содержимое по умолчанию. Нажмите, чтобы развернуть и просмотреть содержимое. <summary>Установить складной заголовок
Свернуть заголовок
тест1
```
Теги уровня блока (элементы) div, p, form, ul, h1-h6, dl, заголовок, навигация, раздел, в сторону, основная, статья, встроенные теги нижнего колонтитула (элементы) span, em, Strong, input (текст, пароль) , радио, флажок, файл), кнопка, выбор, таблица меток
Выше приведено подробное введение в HTML и краткое описание часто используемых кодов. Для получения дополнительной информации о введении в HTML и часто используемых кодах, пожалуйста, обратите внимание на другие соответствующие статьи на сайте downcodes.com!