Галерея диаграмм связей html Notes неинтернет-приложение, содержащее код поиска HTML
HTML (базовый, не CSS), включая теги таблиц, теги списков, теги форм, общие теги HTML и т. д. Функция автономного поиска w3cs находится внизу.
Отредактировано в 2024-01-21 00:57:23html (базовый, не CSS)
База
С чего начать?
<!DOCTYPE html>
HTML с тегами
lang На каком языке сайт?
Формат: <html lang="zh-cn"></html>
на английском
ж-ч китайский
Другое, например: Французский
общие теги HTML
заголовок
<h1>~<h6> Двойной
Шесть уровней, уменьшающихся по значимости от 1 до 6, становящихся толще, крупнее и занимающих отдельную линию h=head.
параграф
<p></p> Двойной
Разделение текста на два абзаца Размер браузера влияет на перенос строк в один абзац
например: <p>c</p> <p>sp</p> отображается как c (две нижние строки) sp
новая линия
<br /> Одинокий
Принудительный разрыв линии br=разрыв
например: <p>c<br />sp</p> отображается как c (следующая строка) sp
тег форматирования текста
Смелый
<strong>Двойные предложения
<b> Двойной
наклон
<em> Двойные предложения
<я> Двойной
зачеркивание
<del> двойное предложение
<s> двойной
Подчеркнуть
<ins> двойное предложение
<u>Двойной
Коробки содержат контент и используются для макета.
<div> двойной
делить, разделять
В каждой строке можно разместить только один большой блок div.
<диапазон> двойной
пролет
Вы можете поместить несколько элементов в одну строку и разделить их по вертикали.
Теги изображений и пути
<img /> одно изображение
Поместите изображения и HTML вместе в файл.
Атрибуты можно «накладывать», например: <img src="Image URT" alt="Отображать текст, когда изображение невозможно отобразить"/>
Атрибуты
<img src="imageURT"/>
src — обязательный атрибут и путь к изображению.
=" "Запишите имя файла в
<img alt="Показывать текст, когда изображение невозможно отобразить">
Отображение текста, когда изображение не может быть отображено
Напишите текст в =""
<img title="Текст подсказки при наведении курсора мыши на изображение">
Текст подсказки при наведении курсора мыши на изображение
Напишите текст в =""
<ширина изображения="500">
Изменение ширины изображения
Впишите цифры в =""
Если высота не указана, это будет считаться пропорциональным масштабированием.
<img высота="500">
Изменение высоты изображения
Впишите цифры в =""
Если ширина не указана, это будет считаться пропорциональным масштабированием.
<img border="15">
Рамка фотографии черная с прямым углом (система учится настраивать ее при изучении css)
Впишите цифры в =""
Уведомление
Теги изображений могут иметь несколько атрибутов, которые необходимо указывать после имени тега.
Атрибуты расположены в произвольном порядке и разделены пробелами.
Примите формат пары ключ-значение, то есть ключ="значение", атрибут="значение атрибута"
путь
базовые знания
Папка-каталог: обычная папка, в которой хранятся материалы, необходимые для создания страницы, например html-файлы, изображения и т. д.
Корневой каталог. Открыть первый уровень папки каталога.
Программное обеспечение может напрямую открывать папки каталогов и отображать вызывающий корневой каталог.
относительный путь
Путь к каталогу, созданный на основе местоположения файла, на который указывает ссылка.
Положение изображения относительно html-страницы
Путь того же уровня
Напишите имя файла напрямую
Путь следующего уровня /
Имя папки/имя файла следующего уровня, который будет вызываться.
подтема
Путь предыдущего уровня ../
../имя файла
Несколько уровней вложенности
например: ../../имя файла
абсолютный путь
Абсолютная позиция в каталоге непосредственно до целевого местоположения, обычно начиная с буквы диска.
C:\Users\PC\Desktop\html\filename.gif или полный сетевой адрес https://newsandstory.com/stories/21062184742201828485/21062184742201828485.png
тег гиперссылки
<a href="Адрес ссылки" target="Как открыть целевое окно"> Double
href
Обязательные атрибуты
адрес ссылки
цель
Как открыть целевое окно
_self значение по умолчанию
_blank Откроется в новом окне
Классификация ссылок
внешняя ссылка
Ссылка на другие страницы
внутренняя ссылка
Ссылка на вашу собственную страницу. Просмотр тегов изображений и путей.
Пустая ссылка <a href="#"> Главная </a >
Ссылка для скачивания
Если адрес в href представляет собой файл или сжатый пакет, файл будет загружен.
ссылка на веб-элемент
Гиперссылки можно добавлять к различным веб-элементам на веб-страницах, таким как текст, изображения, таблицы, аудио, видео и т. д.
якорная ссылка
Нажмите на нашу ссылку, чтобы быстро перейти к определенному месту на странице.
В атрибуте href текста ссылки установите значение атрибута в форме #name, например <a href="#two"> Эпизод 2</a>. Найдите тег целевого местоположения и добавьте атрибут id = имя только что, например: <h3 id="two">Введение в Эпизод 2</h3>
Комментарий
Начинается с <!-- --> и заканчивается
Управление сочетанием клавиш / (Apple Computer Control=ctrl)
Специальные символы
Когда некоторые символы неудобно использовать напрямую, они заменяются следующими символами:
метка таблицы
Основной синтаксис таблиц
<таблица> двойной
Определить метки таблиц
<tr> двойной
Определить метки строк
На уровень ниже <таблицы>
<td> двойной
Определить ячейки в таблице
на <tr>следующем уровне
<th> двойной
Текст ячейки заголовка жирный и центрированный
на <tr>следующем уровне
свойства таблицы
запиши в таблицу
Обычно он устанавливается с помощью CSS позже.
выровнять=""
Стоимость имущества:
left выравнивает таблицу по левому краю
center выравнивает таблицу по центру
вправо выравнивает таблицу по правому краю
граница=""
значение атрибута
1 с границами
【Пространство】 Без границ
клеткападдлинг=""
Значение атрибута: значение пикселя
Указывает пространство между краем ячейки и ее содержимым. По умолчанию 1.
расстояние между клетками=""
Значение атрибута: значение пикселя
Указывает пространство между ячейками. По умолчанию 2.
ширина=""
Значение свойства: значение пикселя или процент.
Укажите ширину ячейки
высота=""
Значение свойства: значение пикселя или процент.
Укажите высоту ячейки
Свойства структуры таблицы
<голова>
часть заголовка
Внутри должен быть <tr>
<тело>
тело формы
Объединить ячейки (просто)
написано в <td>
Объединить строки
rowspan="Количество объединенных элементов"
Вертикальный
написано сверху
Объединить столбцы
colspan="Количество объединенных элементов"
вбок
написано крайне слева
тег списка
используется для макета
неупорядоченный список
<ul><li></li><ul>
Только <li> может быть вложен внутри <ul>
<li>Вы можете положить внутрь другие вещи
Иметь собственный стиль (css для внесения изменений)
упорядоченный список
<ol><li></li></ol>
Только <li> может быть вложен внутри <ol>
<li>Вы можете положить внутрь другие вещи
Иметь собственный стиль (css для внесения изменений)
пользовательский список
<dl><dt>Название проекта</dt><dd>Опишите каждый проект</dd></dl>
<dl>Ограничения включают в себя
тег формы
Собирать информацию
<форма> двойной
поля формы
Свойства (позднее изучение)
действие="URL-адрес"
метод="Метод отправки"
имя="имя"
контроль формы
элемент
<вход> одиночный
входить
тип=""
name="Custom" Определите имя и значение для достижения единственного выбора.
value="Custom" напрямую введите текстовую информацию в поле/кнопку. Класс щелчка позволяет фону узнать, что введено.
«checked="checked" выбирается по умолчанию при открытии страницы.
maxlength="положительное целое число" максимальная длина ввода
<label for="настраиваемое имя"><input id="то же самое пользовательское имя"> Double
Вы можете выбрать форму ввода в элементе при нажатии на текст
<выбрать> двойной
выпадающая форма
<опция>опцияn<опция>
Определить параметры
selecteg="selecteg" Для элементов, включенных в текущий параметр, установлены значения по умолчанию.
<текстовая область> двойной
элемент текстового поля
Вы можете написать текст по умолчанию внутри
cols="пишите несколько слов в строке" (запоминать не нужно, измените через css)
rows="Напишите несколько строк" (не нужно запоминать, измените через css)
Ознакомьтесь с документацией ***
Байду
http://www.baidu.com
W3C
http://www.w3school.com.cn/
Если у вас нет доступа к Интернету (ссылка — это путь к компьютеру автора. Учителя, у которых его нет, могут загрузить его с этого сетевого диска Baidu: Ссылка: https://pan.baidu.com/s/1C63iXo-WHEfaX42jnkG7hQ) ?pwd=ws47 Код извлечения: ws47 --Совместное использование от суперучастника Baidu Netdisk V1)
МДН
https://developer.mozilla.org/zh-CH/