1. Первый шаг: откройте инструмент разработки и откройте указанную папку;
2. Шаг 2: Сохраните файл index.html на диск, .html - это веб -суффикс;
3. Шаг 3: Начните писать основной формат HTML5.
<! 1. HTML Documents <a href = http://www.baidu.com> baidu </a> // элемент гиперссылки (TAG) </body> // указывает html </html> ///express конец HTML документдва. Анализ структуры документа 1. Переклонение
Объявление типа документа (объявление типа документа, также известное как Doctype). В основном он рассказывает браузеру
Тип файла представления. В предыдущих HTML4.01 и XHTML 1.0 это указывает конкретную версию и стиль HTML.
Теперь HTML5 не нужно представлять версию и стиль.
<!
2. HTML элементПрежде всего, элемент означает этикетку, а элемент HTML является меткой HTML. Элементы HTML - это элементы, которые начинают и заканчивают документ. Это двойная этикетка, эхо -переписывающий и хвост, включая контент.
Этот элемент имеет атрибут и значение: lang = zh-cn,
Это означает, что в документе используется язык: упрощенный китайский.
<html lang = zh-cn> // Если это английский, это en '
Упрощенная китайская страница: html lang = zh-cmn-hans
Традиционная китайская страница: html lang = zh-cmn-hant
Английская страница: html lang = en
3. Служба элементаИспользуется для включения содержания метаданных, данные метаданных включают в себя: <NINK>, <Teta>, <noscript>, <cript>, <cript>,
<style>, <title>. Это содержимое используется для предоставления информации для браузеров, например, Link предоставляет информацию CSS, сценарий
Предоставьте информацию Javascript, заголовок предоставляет заголовок страницы.
<head> ... </head> // Эта информация не видно на странице
<NoScript> элементы используются для определения альтернативного содержания (текста), когда скрипт не выполняется.
Этот тег можно использовать для распознавания браузера, который может распознать этикетку <croppl>, но не может поддержать сценарий.
4. Мета -элементЭтот элемент используется для предоставления информации о документации. выражать
Скажите странице браузера, какие коды используются. Конечно, файл сохраняется
UTF8 и браузер также устанавливает UTF8 для правильного отображения китайцев.
<meta charset = utf-8> // В дополнение к настройке кодов, есть и другие
5. Цитальный элементЭтот элемент очень прост, как следует из названия: установите заголовок в верхнем левом углу браузера.
<Title> Основная структура </title>
6. Элемент телаЭлементы, используемые для содержания документа, то есть площади часть браузера. Весь видимый контент должен быть здесь
Добавьте элементы внутри.
<body> ... </body>
7. ЭлементГиперссылка обсудит это подробно позже.
<a href = http://www.baidu.com> baidu </a>
три. Обсуждение элементарного ярлыкаHTML - это язык, и мы подробно обсудили структуру только сейчас. Здесь давайте снова проанализируем их
Ярлыки или этикетки часто называют это тем, что состоит из вещей в виде элементов в письменной форме.
1. ЭлементыЭлементы - это набор ярлыков, которые сообщают браузеру, как обрабатывать какой -то контент. У каждого элемента есть ключевое слово, например
<body>, <title>, <eta> - элементы. Различные имена метки представляют разные значения и будут включать в себя метки абзаца, текстовые теги, метки ссылок, этикетки изображений и т. Д.
Элементы обычно делятся на два типа: отдельные теги (воздушные элементы) и двойные теги. Одиночная метка обычно используется для объявления или вставки определенного юаня
Например, кодирование символа оператора используется <Meta>, и <img> вставляется в картину; p> ... </p>.
2. Свойства и значенияВ дополнение к одному и двойному делению, могут быть установлены внутренние атрибуты и значения элемента. Эти значения атрибутов используются для изменения элементов
Действовать. Например, гиперссылки: <a> href Атрибуты, замените URL, в котором вы можете ссылаться на разные сайты.
Четыре сущностьHTML -сущность отображается с помощью символов особого значения через физический код.
Отобразить результаты названия объекта описания номера объекта
Космос
<<<<<<< 2
>> больше числа
& & Number
кавычки
'' '
￠ ¢ ¢ ¢
镑 镑 £ £
圆 圆 ¥ ¥ ¥ ¥
元 元 € Евро
§ § § Небольшой фестиваль
权 权 © Copyright
® ® ® Зарегистрированная торговая марка
™ ™ ™ TurgeMard
× × × умножение
÷ ÷, кроме числа
5. Новая структурная этикеткаЭлемент статьи
Представляет собой независимый контент, который не связан с контекстом на странице. Например, статья, сообщение в блоге, сообщение на форуме, вы можете использовать ее
элемент раздела
Представляет блок контента на странице, такой как главы, заголовок, нижний колонтитул или другие части страницы. Его можно использовать в сочетании с H1, H2 ... и другими элементами, чтобы указать структуру документа. Пример: <section> ... </section>;
В стороне элемент
Выразите вспомогательную информацию, связанную с содержанием элемента статьи в дополнение к содержанию элемента статьи.
элемент заголовка
Представляет заголовок блока контента или реальную страницу на странице.
hgroup element
Укажите комбинацию заголовка блока реальной страницы или страницы.
Исследовательский элемент
Указывает сноску блока контента на всей странице или странице. Вообще говоря, он будет включать имя Творца, творческую дату и контактную информацию создателя.
Навие элемент
Представляет часть ссылки на навигации на странице.
Фигурный элемент
Указывает раздел независимого содержания потока, который обычно представляет независимую единицу в содержании документа. Используйте элемент FigCaption, чтобы добавить заголовок в группу элементов фигуры. Например:
<Igrand> <gincaption> prc </figcaption> <p> Китайская Республика народа родилась в 1949 году </p> </figure>пять. Метаданные
<Meta> Элементы могут определять различные метаданные в документе, а одна HTML -страница может содержать несколько <Meta>
элемент.
1. Укажите пару метаданных имени/значения<Meta name = Author Content = bnbbs> <meta name = description content = это HTML5 Page> <Meta name = Keywords content = html5, css3, response> <meta name = gen = gen erator content = sublime text 3>
Метрополитное название данных Описание
Автор автора текущей страницы
Описание текущей страницы описания
Ключевые слова текущая страница Ключевое слово
Инструмент кодирования текущей страницы генератора
2. Объявит кодирование персонажа<meta charset = utf-8>
3. моделирование HTTP -заголовок// 5 секунд перепрыгните к указанному URL <meta http-equiv = colresh Содержание = 5; >
Описание значения атрибута
Обновить перезагружает текущую страницу или указывает URL. Подразделение секунд.
Тип контента еще один способ объявить кодирование персонажа
шесть. Глобальный атрибутДо этого элементы, которые мы участвовали, объяснили его локальные данные, и, конечно, мы также знаем некоторые глобальные атрибуты, такие как
ИДЕНТИФИКАТОР. Глобальные атрибуты являются общим поведением всех элементов.
1.ID Атрибут<p id = abc> пункт </p>
Объяснение: Атрибут ID выделяет уникальный идентификатор элементу. Этот идентификатор обычно используется для создания CSS и JavaScript
Выберите элемент выбора. Есть только то же имя идентификатор, как только страница.
2. Атрибут класса<p class = abc> пункт </p> <p class = abc> пункт </p> <p class = abc> пункт </p>
Объяснение: Атрибут класса используется для классификации элементов. Установите CSS -как в то же время через один или несколько элементов в документе
Режим.
3. Атрибут Accesskey<input type = text name = user accountKey = n>>
Объяснение: Операция ярлыка, указанный ключ ALT+под Windows, предпосылка, что ALT браузера не конфликтует.
4. Контентатный атрибут<p Coteededitable = true> Могу ли я изменить </p>
Объяснение: Пусть текст будет в редактируемом состоянии. Или напрямую
Установите атрибут.
5. Дир атрибут<p dir = rtl> текст справа </p>
Объяснение: Пусть текст слева направо (LTR) или справа налево (RTL).
6. Hided Attruit<p hidden> текст справа </p>
Объяснение: Скрыть элементы.
7. атрибут llang<p lang = en> html5 </p>
Объяснение: Вы можете установить язык локально.
8. Цитальный атрибут<p type = application/x-shockwave-flash> </object>3. Диапазон 4. Аутофокус 5. Марк
<Mark> в основном используется для представления тех слов, которые должны быть видными визуально. Более типичное применение метки <Cark> - отображать ключевые слова поиска для пользователей в результатах поиска.
Html5: <card> </mark>
Html4: <pan> </span>
6. РезюмеТег <summary> содержит заголовок элемента деталей, а элемент деталей используется для описания деталей соответствующего фрагмента документа или документа. Резюме элемент должен быть первым подэлементом элемента деталей.
Html5: <pettile> <summary> html 5 </summary> Этот документ учит вас всему, что вам нужно, чтобы оставить HTML 5. </details>
HTML4: нет
7. Detalist<datalist> метка определяет необязательный список данных. С помощью входного элемента вы можете составить список входных значений.
DataList и его параметры не будут отображаться, это просто юридический список значений ввода.
Пожалуйста, используйте свойство списка элемента ввода для привязки данных DataList.
<input list = cras /> <datalist id = cars> <vition value = bmw> <option value = form> <valie value = volvo> < /datalist>9. Команда
Выразите кнопку команды
Только когда элемент команды находится в элементе меню, элемент виден. В противном случае этот элемент не будет отображаться, но вы можете использовать его для указания клавиш сочетания клавиш
<Menu> <Команда Onclick = alert ('Hello World')> Нажмите меня! восемь. Заброшенный этикеткаЭлемент выражения
BaseFont
большой
центр
ШРИФТ
С
ударять
ТТ
U
Рекомендуется заменить их правильной семантикой и использовать CSS, чтобы обеспечить эффект после рендеринга
Кадр -Подобный элемент
Из -за многих доступности и доступности структуры спецификация HTML5 удаляет следующие элементы.
рамка
Фреймсет
noframes
Но HTML5 поддерживает iframe.
Атрибут класс
Многие выразительные атрибуты также удаляются по новым спецификациям следующим образом:
выровнять
Ссылка, vlink, alink, текстовые атрибуты на тегах тела
Bgcolor
высота и ширина
Свойство прокрутки на элементе iframe
В центре внимания
Hspace и Vspace
Атрибуты сотового падения, клеточного расстояния и границы на меток таблицы
Атрибуты профиля на метке заголовка
Целевой атрибут в теге ссылки
Атрибуты Longdesc Elements Img и Iframe
ABBR заменяет аббревиатуру (используется для представления аббревиатуры)
Объект заменил апплет
Уль заменил реж
другой
Вышеупомянутая структура документа и новая метка HTML5, представленная вам редактором. Большое спасибо за вашу поддержку на веб -сайте Vevb Wulin!