Щелкните правой кнопкой мыши → открыть в стандартном/другом браузере.

альтернативный B/сдвиг альтернативный B

Примечание: ctrl / (не может быть после оператора, требуется новая строка)

<h1>Заголовок 1</h1>

h1-h6 (поместить в тело)

Курсор мигает в нескольких местах одновременно в VS: Ctrl D

<p>Абзац</p>

Автоматический перенос строк в VScode: Строка меню → Вид → Автоматический перенос строк.

б: Жирный

ты: подчеркнуть

я: наклонить

с: зачеркивание

сильный: смелый

вставки: подчеркнуть

эм: наклонить

del: удалить строку

Код `<img src=" ” alt=" ”>`

Атрибут: src (путь к целевому изображению; сочетание клавиш: ./)

Атрибут: alt (текст замены; отображается в случае сбоя загрузки изображения)

Атрибут: заголовок (при наведении курсора мыши отображается текст подсказки)

Атрибуты: ширина/высота (просто напишите картинку и она не деформируется)

Абсолютный путь: абсолютное местоположение в каталоге, которое может напрямую достигать целевого местоположения.

Относительный путь: процесс поиска целевого файла, начиная с текущего файла.

Вставьте аудиофайл: сочетание клавиш VScode: ./m... (нечеткий поиск)

Код: `<audio src="./music.mp3" control>text</audio>`

Атрибуты

Вставьте видеофайл: сочетание клавиш VScode: ./m... (нечеткий поиск)

Код: `<video src="./video.mp4" control></video>`

Атрибуты

href: на какую веб-страницу перейти после щелчка (путь к целевой веб-странице)

цель: начальная форма целевой веб-страницы.

ul: представляет весь неупорядоченный список, используемый для переноса тега li.

li: представляет каждый элемент неупорядоченного списка, используемый для хранения содержимого каждой строки.

Тег ul может содержать только теги li. Тег li может содержать любое содержимое;

ol: представляет весь упорядоченный список, используемый для переноса тега li.

li: представляет каждый элемент в упорядоченном списке, используемый для хранения содержимого каждой строки.

Тег ol может содержать только теги li. Тег li может содержать любое содержимое;

dl: представляет весь пользовательский список, используемый для переноса тегов dt/dd.

dt: представляет заголовок пользовательского списка.

dd: указывает, что пользовательский список предназначен для каждого элемента темы.

Тег dl может содержать только теги dt/dd. Тег dt/dd может содержать любое содержимое;

table: таблица в целом, используется для переноса нескольких tr

tr: каждая строка таблицы, используемая для переноса td

td: ячейка таблицы, может использоваться для переноса содержимого

Отношения вложенности тегов: таблица > tr > td.

border="number": ширина границы

width="number": ширина таблицы

height="number": высота таблицы.

Представляет общий заголовок и столбец субтитров в таблице.

caption: заголовок таблицы (заголовок всей таблицы, по умолчанию отображается вверху и в центре всей таблицы).

th: ячейка таблицы (обозначает столбец субтитров, обычно используется в первой строке таблицы, текст выделен жирным шрифтом и центрирован)

Уведомление

thead: заголовок таблицы

tbody: тело таблицы

tfoot: нижняя часть стола

таблица > thead > tr > td

rowspan="количество объединенных ячеек": объединить строки/объединить вертикально

colspan="количество объединенных ячеек": объединить столбцы/объединить по горизонтали

Основное введение: входные данные могут отображать различные эффекты посредством разных значений атрибутов типа.

текст: текстовое поле (однострочный текст)

пароль: поле пароля

радио: радиокнопка

флажок: флажок

файл: выбор файла

отправить: кнопка отправки

сброс: кнопка сброса

внизу: обычная кнопка

отправить: кнопка отправки

сброс: кнопка сброса

внизу: обычная кнопка

Элемент управления формой раскрывающегося меню, обеспечивающий множественный выбор на веб-странице.

выберите тег: все раскрывающееся меню

тег опции: каждый элемент в раскрывающемся меню.

Пример: `<select name="year"> <option value="">Выберите год</option> <option value="">1990</option></select>`

rows: указывает количество видимых строк в текстовом поле.

cols: определяет видимую ширину текстового поля.

Правый нижний угол можно перетащить, чтобы изменить размер во время разработки; для эффектов стиля рекомендуется использовать настройки CSS.

Привязка отношений между содержимым и тегами формы

Способ первый: `<input type="checkbox" id="one">``<label for="one">код</label>`

Способ 2: `<label><input type="checkbox">Не ложиться спать допоздна</label>`

При разработке веб-страниц часто используются два семантически бессмысленных тега макета: div и span.

тег div: в строке отображается только один (занимает одну строку)

тег span: в одной строке может отображаться несколько

заголовок: заголовок веб-страницы

навигация: веб-навигация

нижний колонтитул: нижняя часть веб-страницы

в сторону: боковая панель веб-страницы

раздел: раздел веб-страницы

статья: веб-статья

&nbsp;Пространство

&lt; знак меньше

&gt; знак больше

&амперсанд&

&quot; кавычки

&apos; Апостроф (не поддерживается IE)

&цент (деньги)

&фунт;

иен; юань

&евро;

&раздел;

&копия; Авторские права