Галерея диаграмм связей HTML-тег
Согласно определенному курсу программиста, составленные мною HTML-теги являются относительно полными.
Отредактировано в 2020-06-17 18:11:42HTML-тег
Наборный тег: Запомнить
Тег заголовка: Запомнить
заголовок заголовка: двойная метка
<h1>, <h2>……
Всего шесть уровней
Используйте умеренно, обычно для логотипов.
Теги абзаца: Запомнить
абзац абзаца: двойная метка
<р>
Текст в абзаце обычно автоматически переносится в соответствии с размером браузера.
Метка горизонтальной линии: понимание
горизонтальная горизонтальная линия: одиночная метка
<час />
На веб-странице отображается стиль горизонтальных линий по умолчанию.
Тег разрыва строки: запомнить
перерыв: одна метка
<br />
добавить в конце
Тег div: фокус
разделение, разделение, перегородка
пролет, пролет, диапазон
Все они являются двойными ярлыками и бессмысленны.
Это два поля макета нашей веб-страницы.
Теги форматирования текста: Запомнить
жирный жирный
<b>, <strong>: двойные теги.
Strong рекомендуется для XHTML
наклон
<i>, <em>: двойные теги
em рекомендуется для xhtml
зачеркивание
<s>, <del>: двойные теги
Рекомендуется использовать del для XHTML.
Подчеркнуть
<u>, <ins>: двойные теги
XHTML рекомендует использовать ins
Тег изображения: фокус
<img src="URL-адрес изображения" />
одна этикетка
Атрибут src в этом синтаксисе используется для указания пути и имени файла изображения. Это обязательный атрибут тега img.
Атрибут тега <img />
атрибут источника
значение атрибута URL
путь к изображению
альтернативный атрибут
текст~
Текст замены, когда изображение не может быть отображено
атрибут заголовка
текст~
Содержимое, отображаемое при наведении курсора мыши
атрибут ширины
Пиксель~ (XHTML не поддерживает процентное соотношение страниц)
Установите ширину изображения
атрибут высоты
Пиксель~ (XHTML не поддерживает процентное соотношение страниц)
Установите высоту изображения
Как правило, вам нужно изменить только один элемент, а другой элемент будет масштабироваться пропорционально.
пограничная собственность
Номер~
Установите ширину границы изображения
Не рекомендуется
Тег ссылки: фокус
<a href="Перейти к цели" target="Как появляется целевое окно">Текст или изображение</a>
1. К внешним ссылкам необходимо добавить http://.
Например http://www.baidu.com.
2. Ссылка на контент: прямая ссылка на внутреннее название страницы.
Например, <a href="index.html">Домашняя страница</a>.
3. Если цель соединения на данный момент не определена, значение атрибута href тега ссылки обычно определяется как «#» (т. е. href="#»), что означает, что ссылка временно является пустой ссылкой.
4. Вы можете не только создавать текстовые гиперссылки, но также добавлять гиперссылки на различные веб-элементы на веб-странице, такие как изображения, таблицы, аудио, видео и т. д.
Расположение привязки: двойная метка
Подходит для длинных страниц. Нажмите на ключевое слово, чтобы быстро достичь этой позиции на странице.
1. Используйте «<a href="#id name">Текст ссылки</a>», чтобы создать текст ссылки.
2. Используйте соответствующий идентификатор, чтобы отметить местоположение цели прыжка.
идентификатор="жизнь"
Базовый тег: один тег
Открыть новую страницу
цель="_blank"
Слишком хлопотно проигрывать по одному
Перейти на свою страницу
цель="_self"
<base target="_blank" />
Введите тег заголовка
Специальные символы
тег аннотации
<!-- Содержание комментария-->
1. Использование большего количества тегов комментариев — очень хорошая привычка.
2. Содержимое тега комментария предназначено для просмотра программистами и не выполняется браузером.
3. Сочетания клавиш для комментариев HTML.
Ctrl/
Однострочные комментарии
Ctrl сдвиг /
Многострочные комментарии
Атрибуты метки
<Имя тега Attribute 1="Значение атрибута 1" Attribute 2="Значение атрибута 2"...>Содержимое</Имя тега>
1. Теги могут иметь несколько атрибутов, которые должны быть прописаны в начальном теге и расположены после имени тега.
2. Атрибуты расположены в произвольном порядке. Имена тегов и атрибуты разделяются пробелами.
3. Любой атрибут метки имеет значение по умолчанию. Если атрибут опущен, будет использоваться значение по умолчанию.
Возьмите формат пары ключ-значение, формат key="value", атрибут=value.
Старайтесь не использовать атрибуты стиля