Прежде чем объяснить этот курс: давайте посмотрим, что такое браузер:
Так называемый браузер-это инструмент, который может интерпретировать и выполнять HTML-код. Есть еще одна концепция, которую нам нужно выяснить, браузер! = Т.е. т.е. - это всего лишь один из браузеров. В дополнение к IE, есть много браузеров, вы можете знать это Google. Мы не будем вдаваться в подробности.
Во -первых, давайте поймем, что такое HTML
Что такое HTMLПолное название HTML: гипер текстовый язык наценки (язык гипер текста). Это текст, который описывает внешний вид веб -страницы и содержания веб -страницы. Причина, по которой HTML может показать различные эффекты, является функция браузера.
Дополнительный контент: Здесь мы расширим некоторый контент, который является одним и тем же HTML -текстом, и эффект может отличаться без браузера. Это связано с тем, что сначала появляются несколько браузеров, а затем доступны соответствующие стандарты. Учитывая эту ситуацию, мы можем использовать IETEESTE, чтобы проверить проблемы совместимости одного и того же HTML -кода в разных браузерах.
2. Статические страницы и динамические страницы
Еще одна вещь, которую нам нужно знать, - это разница между статическими страницами и динамическими страницами.
Прежде всего, страницы веб -сайта разделены на статические страницы и динамические страницы.
Статическая страница: Все статические страницы с суффиксами HTML или HTML являются статическими страницами, а на сервере есть фиксированная HTML -страница.
Динамическая страница: на сервере нет страницы, которую необходимо просмотреть пользователям, но сервер может динамически генерировать HTML -страницы, требуемые клиентом, а затем отображать их клиенту.
Чтобы суммировать разницу между двумя в одном предложении: динамические страницы выполняют код на стороне сервера, статические страницы не выполняют код на стороне сервера (сначала вы можете узнать об этом, в конце концов, статические страницы находятся в центре нашего обсуждения сегодня)
3. Как написать HTML -страницу?
Есть много инструментов для написания HTML. Я считаю, что все знают Блокнот, и вы можете написать HTML -страницы с Блокнотом. Конечно, вы также можете написать с помощью продвинутых блокнотов, таких как EditPlus/UltraEdit, или использовать такие инструменты, как DreamWeaver.
Следующий рисунок является основной структурой веб -страницы HTML
На рисунке выше мы видим, что весь содержимое находится в пределах тега <html> </html>; <Head> </head> ставит информацию о головке, и описание страницы не будет отображаться на странице. Название страницы установлено в <title> </title>, и <Title> может быть размещен только в <head>; <body> </body> является основным корпусом страницы, и текст в этом теге будет отображаться на веб -странице. Конечно, все страницы должны содержать, по крайней мере, эти части.
Совет: если конечный тег тега заголовка не закрыт, вся страница не будет отображаться.
4. Сходства и различия между HTML и XML
Сходства: все они являются языками разметки, к ним можно получить доступ через DOM, и их можно изменить через CSS
Различия:
XML является более строгим, чем HTML -синтаксис: если есть начальный тег, вам необходимо иметь конечный тег, последовательный случай, двойные кавычки атрибутов и т. Д. XML фокусируется на хранении данных, в то время как HTML фокусируется на дисплее данных.5.xhtml и dhtml
XHTML: расширяемый язык разметки, является HTML, который в большей степени соответствует спецификации синтаксиса XML. Появление XHTML в основном для перехода на XML. XHTML требует: все строчные, спаривание тегов и атрибуты в двойных кавычках.
DHTML: аббревиатура динамического HTML является динамическим HTML. Комбинация HTML, таблицы стилей и JavaScript
Дополнение: веб -стандарты не являются стандартными, а коллекцией серии стандартов.
Веб -страница состоит из трех частей: структура, производительность и поведение
Структура: текст, картинки и другие соответствующие языки: xml, xhtml
Выражение: также известно как стили, такие как размер текста и цвет и т. Д. Они также достигаются с помощью стилей. CSS
Поведение: динамический эффект клиента обычно завершается с помощью JavaScript. Dom, Ecmascript
Далее, давайте перейдем к теме: изучите обычно используемые теги для HTML.
6. HTML TAG
01, H тег (заголовок), HTML определяет шесть H -метров от <h1> </h1> до <h6> </h6>, представляя шрифты разных размеров соответственно. H1 является самым большим, а H6 - самый маленький.
02, <br/> просто введите, это тег, который закрывается
03, <p> это сегментация. <p> Там будет относительно большие пустые пространства до и после, но не будет.
04, <Center> Центр </center> Center> Center. (Не рекомендуется)
05, <b> a </b> смелый, рекомендуется. <i> b </i> курсив. <u> c </u> подчеркнуто. <em> Императрица, курсив </em>
06, <font> </font> Tag Font, <font color = "red" size = "7" face = "lishu"> Red </font>
07, <hr> Общие свойства горизонтальных линий: размер цвета (толщина) ширина (длина) Align = левое/центр/справа (по умолчанию отображается в игре)
7. HTML Специальные персонажи
& quot;
& amp;
<& lt;
> & gt;
Пространство & nbsp;
© & Copy;
® & Reg;
² & sup2;
¥ & yen;
³ & sup3;
8. Расширение формата изображения
9. Тег изображения: <img alt = "Текст запроса, когда его нельзя отобразить">
ALT: текст приглашения, когда изображение не может быть отображено.
10. Hyperlink:
hREF указывает на целевую страницу, которая будет подключена, цель, указывающая на целевое окно, является значением, и значение принимается
_blank: открывается в новом окне
_self: открыть в своем собственном окне
_parent: открыть в родительском окне
_top: означает открыть в окне верхнего уровня
Имя кадра: открывается в указанном кадре. (учиться)
Ссылка на якорь: 01 Установите положение якоря
<a name = showbigimg> <img src = image/02.jpg> </a>
02. Вызов якоря
<a href =#showbigimg> посмотрите на красивых женщин </a>
11. Список в HTML:
Разделены на неупорядоченные списки, упорядоченные списки и определенные списки
Давайте посмотрим на диаграммы эффекта дисплея различных списков
Неупорядоченный список:
<ul>
<li> </li>
<li> </li>
</ul>
Заказанный список
<ol>
<li> </li>
<li> </li>
</ol>
Список определений:
<dl>
<dt> Китай </dt>
<dd> Шанхай </dd>
<dd> guangzhou </dd>
<dd> Пекин </dd>
</dl>
Значение типа может быть: 1 , A, A, I, I, Disc, Circle, Square.
12. Таблица: отображает обычные данные, иногда используемые для макета.
Как видно из приведенного выше рисунка, таблица состоит из строк и столбцов, строки представлены TR, а столбцы представлены TD. Вы также можете использовать Rowspan (строки слияния), Colspan (и параллельно) для слияния клеток.
Упражнение 1: Используйте HTML -код для вывода таблицы
Упражнение 2: Поперечные ряды и перекрестные столбцы таблиц
13. Форма
Действие Отправить данные на эту страницу по умолчанию
Если вы хотите отправить данные на сервер, вам необходимо поместить элементы формы, такие как <Input>, <Textarea>, <select> и т. Д. в форму. Значение типа ввода заключается в следующем:
Проверенный атрибут подготовлен для радиопроизводств и флажков.
Радионогпродажи используются для набора взаимоисключающих значений, диаграмма эффекта заключается в следующем
Диаграмма эффекта флажества следующая
Существует три основных типа кнопок: кнопка отправки, кнопка сброса и обычная кнопка
Раскрывающийся список
Грамматика:
14. Многострочное текстовое поле:
<Textarea> text </textarea>, cols = "50", row = "15" Атрибуты представляют количество строк и столбцов.
Использование элементов общей формы:
Это конец нашей дискуссии на HTML сегодня.