Вход
Войти

Галерея диаграмм связей html Notes неинтернет-приложение, содержащее код поиска HTML

html Notes неинтернет-приложение, содержащее код поиска HTML

HTML (базовый, не CSS), включая теги таблиц, теги списков, теги форм, общие теги HTML и т. д. Функция автономного поиска w3cs находится внизу.

Отредактировано в 2024-01-21 00:57:23

ArteVeloce

Недавние работы Смотреть другие работы>>

html Notes неинтернет-приложение, содержащее код поиска HTML

ArteVeloce

Недавние работы Смотреть другие работы>>

Рекомендовано вам
Структура

КомпьютерHTML
- 3
WSrx009v
Типы HTML-тегов
- 2
ArteVeloce
HTML
- 3
ArteVeloce
HTML
- 1
ArteVeloce
Основные структурные элементы, содержащиеся в HTML
- 3
ArteVeloce
Базовые HTML-теги
- 1
ArteVeloce
HTML-элемент списка
- 2
ArteVeloce
Примечания к выбору атрибутов разработки HTML-тегов и интеллектуальная карта
- 1
ArteVeloce
Основы HTML
- 4
ArteVeloce
HTML
- 2
ArteVeloce

html (базовый, не 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="Отображать текст, когда изображение невозможно отобразить"/>

Атрибуты

src — обязательный атрибут и путь к изображению.

=" "Запишите имя файла в

Отображение текста, когда изображение не может быть отображено

Напишите текст в =""

Текст подсказки при наведении курсора мыши на изображение

Напишите текст в =""

<ширина изображения="500">

Изменение ширины изображения

Впишите цифры в =""

Если высота не указана, это будет считаться пропорциональным масштабированием.

Изменение высоты изображения

Впишите цифры в =""

Если ширина не указана, это будет считаться пропорциональным масштабированием.

Рамка фотографии черная с прямым углом (система учится настраивать ее при изучении 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="Количество объединенных элементов"

вбок

написано крайне слева

тег списка

используется для макета

неупорядоченный список

Только <li> может быть вложен внутри <ul>

<li>Вы можете положить внутрь другие вещи

Иметь собственный стиль (css для внесения изменений)

упорядоченный список

Только <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/