Язык с разметкой текста HTEPE
Hypertext: это означает, что страница может содержать не текстовые элементы, такие как изображения, ссылки и даже музыка, программы.
Язык разметки: язык, состоящий из отметок (ярлыков).
Веб -страница == html документ, проанализированный браузером, используется для отображения
Статическая веб -страница: статические ресурсы, такие как xxx.html
Динамическая веб -страница: HTML -код динамически генерируется языком разработки на основе запросов пользователей.
Ниже приведена диаграмма структуры дерева HTML -файла
Концепция тега:• Он состоит из слов, завернутых парой угловых кронштейнов. Например: <html> *Слова во всех тегах не могут начинаться с чисел.
• Теги нечувствительны к случаям. <html> и <html>. Рекомендуется нижний регистр.
• Тег разделен на две части: The Start Tag <a> и конечный тег </a>. Часть между двумя тегами называется телом тега.
• Некоторые функции тега относительно просты. Просто используйте один тег. Этот тег называется аутизмом и тегами. Например: <br/> <hr /> <input /> <img />
• Теги могут быть вложены. Но они не могут быть перекрестными. <a> <b> </a> </b>
Свойства тегов:• Обычно это появляется в форме пар клавишных значений. Например, имя = Алекс
• Свойства могут появляться только в начальном теге или аутизме и тегах.
• Имена атрибутов все строчные. *Значения атрибутов должны быть завернуты в двойные кавычки или отдельные кавычки, например, имя = ALEX
• Если значение атрибута и имя атрибута точно одинаковы, просто напишите имя атрибута напрямую. Например, Readonly
2. Введение в основные теги головы• <Teta> состав метатеров: в метатете Meta-Tag есть два атрибута, атрибут имени, соответственно, атрибут HTTP-equiv и атрибут имени. Различные атрибуты имеют разные значения параметров, и эти различные значения параметров реализуют различные функции веб -страницы.
1 Атрибут имени в основном используется для описания веб -страницы, а соответствующее значение атрибута - это содержание. Контент в контенте в основном используется роботами поисковых систем для поиска информации и классификации информации.
<Meta name = KeyWordScontent = Сводка Meta, HTML Meta, Meta Attribute, Meta Jump>
<Meta name = descriptionContent = учебное заведение старого мальчика создано старым мальчиком>
2 HTTP-equiv, как следует из названия, эквивалентно заголовке файла HTTP. Он может передать некоторую полезную информацию в браузер, чтобы помочь правильно и точно отобразить контент веб -страницы. Соответствующим значением атрибута является содержание. Содержание в содержимом на самом деле является переменным значением каждого параметра.
<meta http-equiv = rewreshcontent = 2; url = https: //www.vevb.com> // (обратите внимание на цитаты, которые впоследствии, которые находятся до секунд и после URL соответственно)
<meta http-equiv = content-typecontent = text/html; charset = utf8>
<meta http-equiv = x-ua-совместимый содержимое = IE = edge, chrome = 1>
• <Title> Old Boy </title>
• <Link rel = icon href = http: //www.jd.com/favicon.ico>
3. Теги тела Основные теги:<hn>: диапазон значений n составляет 1 ~ 6; от большого до маленького. Используется для представления заголовка.
<p>: тег абзаца. Содержание пакета обернуто в очередь. Существует также пустая линия между верхним и нижним содержимым.
<b> <strong>: жирный тег.
<strike>: добавьте среднюю линию в текст.
<em>: текст становится курсивом.
<sup> и <sub>: маркеры верхнего угла и столы в нижнем углу.
<br>: линия бренда.
<hr>: горизонтальная линия
<p> <pan>
Теги на уровне блока и встроенные теги
Тег на уровне блока: <p> <h1> <table> <ol> <ul> <form> <p>
Встроенные теги: <a> <pint> <mg> <sub> <sup> <textarea> <pan>
Характеристики блочных элементов① Всегда начинайте на новой линии;
② Высота, высота линии, внешний край и внутренний край можно контролировать;
③ Ширина по умолчанию составляет 100% его контейнера, если не установлена ширина.
④ Он может вместить встроенные элементы и другие блочные элементы
Характеристики встроенных элементов① и другие элементы находятся на одной линии;
② Высота, высота линии, внешний край и внутренний край не может быть изменена;
③ Ширина - это ширина его текста или изображения и не может быть изменена
④ Встроенные элементы могут вместить только текст или другие встроенные элементы
Для элементов в пределах линии обратите внимание на следующее
Установка ширины ширины недействительна.
Установка высоты недействительна, вы можете установить его через высоту линии.
Установка маржинальной маржи действительна, но верхние и нижние детали недействительны.
Установка накладки только левой и правой прокладки действительна, но вверх и вниз недействительны. Обратите внимание, что диапазон элементов увеличился, но он не влияет на содержание вокруг элементов.
Специальные персонажи:& lt; & gt; & quop; & reg;
Графический тег <img>:
SRC: путь к отображению изображения.
ALT: подсказка, когда изображение не загружается успешно.
Название: Приглашенное сообщение, когда мышь приостановлена.
Ширина: ширина картинки
Высота: высота изображения (только один из двух свойств ширины и высоты автоматически масштабируется одинаково).
Гиперсвязанная тега <a>:
href: путь ресурса к подключению является следующим образом: href = https: //www.vevb.com
Цель: _blank: открывает гиперссылку в новом окне. Имя кадра: открывает содержимое подключения в указанном кадре.
Имя: Определяет закладку страницы.
Используется для прыжка HREF: #Bookmark Name.
Теги списка:<ul>: Неупомянутый список
<ol>: заказанный список
<li>: каждый элемент в списке.
<dl> Список определений
<dt> Название списка
<dd> Перечислите элементы
Тэг таблицы <Таблица>:
Граница: столовая граница.
CellPadding: внутренняя маржа
Сотовая связь: маржа.
Ширина: процент пикселей. (Лучше всего установить длину и ширину через CSS)
<tr>: ряд таблиц
<Th>: ячейка для головки таблицы
<TD>: ячейка данных таблицы
ROWSPAN: Сколько рядов охватывает клетки вертикально
Colspan: Сколько столбцов простирается клетками (то есть слияние клеток)
<Th>: заголовок таблицы <Tbody> (обычно не используется): раздел таблицу
Форма тега <form>
Форма используется для передачи данных на сервер.
Форма может содержать входные элементы, такие как текстовые поля, флажки, радиосвязи, кнопки отправки и т. Д.
Форма также может содержать элементы Textarea, Select, Fieldset и метки.
1. Свойства формыФормы HTML используются для получения различных типов пользовательского ввода. Когда пользователь подает форму, данные передаются на сервер, тем самым реализуя взаимодействие между пользователем и веб -сервером. Теги формы, все, что нужно отправить, должно быть в этом теге.
Действие: где отправить форму. Как правило, это указывает на программу на сервере. Программа получает данные, представленные формой (то есть значение элемента формы) для соответствующей обработки, такие как https://www.sogou.com/web
Метод: форма отправляется по почте/get. Значение по умолчанию - получить (конверт)
GET: 1. Представленные пары ключей. Поместите после URL в адресной панели. 2. Относительно плохая безопасность. 3. Существуют ограничения на длину отправленного контента.
Пост: 1. Представленная пара ключевых значений не находится в адресной строке. 2. Безопасность относительно высока. 3. Нет теоретического предела на длину представленного контента.
GET/POST - два общих метода запроса.
2. Сформировать элементы<Input>
тип:
Текст текст ввода ввода
Комплекс ввода пароля пароля
радио радиостанции выберите
Флакторы множественного выбора
Отправить кнопку
Кнопка кнопки (нужно использовать с JS.) В чем разница между кнопкой и отправкой?
Файл отправить файл: форма формы должна добавить атрибут enctype = multipart/form-data
Xml/html -код копировать содержимое в буфер обмена