1. Тег объявления типа документа 2. Тип языка языка 3. Набор символов 4. Общие теги HTML Объявление документа HTML5 HTML5HTML 4.01XHTML 1.0
</DOCTYPE> Его функция — сообщить браузеру, какую версию HTML использовать для отображения веб-страницы.
Код: </DOCTYPE html> означает использование версии HTML5 для отображения веб-страницы.
Следует отметить следующее:
1. Объявление <!DOCTYPE> расположено в самом начале документа, перед тегом <html>.
2. <!DOCTYPE> не является тегом HTML.
Обычно это используется
<!DOCTYPE html> <html lang="zh-CN">
Используется для определения мощности отображения документа.
ru ---английский
zh-CN --- китайский
Набор символов — это набор символов, позволяющий компьютерам распознавать и сохранять текст.
В теге <head> вы можете указать, какую кодировку символов должен использовать HTML-документ, с помощью атрибута charset тега <meta>.
<мета-кодировка="UTF-8"/>
«UTF-8» также называется Юникод.
4.1 Тег заголовка
<h1>Я обладатель титула первого уровня</h1>
Функции:
Текст с заголовком станет жирнее, а размер шрифта тоже увеличится.
Одно название в отдельной строке
Примеры следующие:
Добавление тегов заголовков необходимо поместить в <body></body>
Шрифт «Тег заголовка» становится жирнее и крупнее.
Введите теги заголовков всех шести уровней.
Каждый заголовок занимает одну строку, а размер шрифта последовательно уменьшается. По мере добавления заголовка размер шрифта становится жирнее.
4.2 Теги абзацев и теги разрыва строки
<p>Я тег абзаца</p>
Эффект отображения (между разными абзацами большое пространство)
Если вы хотите перенести строку, вам нужно использовать тег разрыва строки</br> (эффект не отображается).
Вот веб-страница, иллюстрирующая этот процесс:
Документ
получать!
4.3 Теги текстового формата
На веб-страницах иногда необходимо установить для текста эффекты жирного шрифта, курсива или подчеркивания. В этом случае вам необходимо использовать тег формата текста в HTML (чтобы подчеркнуть важность, которая более важна, чем обычный текст).
Семантика | Этикетка | иллюстрировать |
Смелый | <strong></strong> или <b></b> | Больше рекомендую первый |
косая черта | <em></em> или <i></i> | Больше рекомендую первый |
зачеркивание | <del></del> или <s></s> | Больше рекомендую первый |
Подчеркнуть | <ins></ins> или <u></u> | Больше рекомендую первый |
4.4 Теги <div> и <span>
Эти два тега не имеют никакой семантики. Это просто поле для хранения контента.
<div>Это заголовок</div> (в ряд можно разместить только один элемент div)
Например: <div>Книга сказок</div>1997 г.
Выход должен быть
<span>Цена на сегодня</span> (содержимое может отображаться в одной строке)
Например: <span>Сказки братьев Гримм</span>
<span>Сказки Андерсена</span>
<span>Басни Эзопа</span>
Результат должен быть:
4.5 Теги и пути изображений
Как вставлять картинки на веб-страницы?
В HTML тег <img> используется для определения изображений на страницах HTML.
<img src="URL-адрес изображения"/>
src — обязательный атрибут тега <img>, который используется для указания пути и имени файла изображения.
Лучше всего поместить изображение в ту же папку, что и веб-страницу.
Вы можете увидеть это прямо на веб-странице, изображение сокращено ,
Вот основные свойства тегов изображений.
свойство | значение атрибута | иллюстрировать |
| источник | Путь к изображению | Обязательные атрибуты |
альтернативный вариант | текст | Замените текст и изображения, которые невозможно отобразить. |
заголовок | текст | Текст подсказки, текст будет отображаться при наведении курсора мыши на изображение. |
ширина | Пиксель | Установить ширину изображения |
высота | Пиксель | Установить высоту изображения |
граница | Пиксель | Установите толщину границы изображения |
Сначала попробуйте атрибут alt. Если изображение не может быть отображено, введите <img src="image1.jpg" alt="Fairy Tale"/> (изображение image1 здесь не существует, поэтому его невозможно отобразить).
Затем попробуйте использовать атрибут title еще раз, введите <img src="image.jpg" title="Fairy Tale"/> и попробуйте этот эффект самостоятельно.
Чтобы проверить атрибуты ширины, высоты и границы, введите <img src="image.jpg" title="Fairy Tale" width="300" height="100" border="15"/>
Что следует учитывать при использовании тегов изображений:
(1) Тег изображения должен быть написан после имени тега.
(2) Атрибуты расположены в произвольном порядке. Имена тегов и атрибуты должны быть разделены пробелами.
(3) Ключ формата = «значение»
4.6 Теги и пути изображений
Пути можно разделить на: абсолютные пути и относительные пути.
1. Относительный путь
Это положение изображения относительно HTML-страницы.
Классификация относительного пути | символ | иллюстрировать |
Путь того же уровня | <img src="image.jpg"/> | |
Путь следующего уровня | / | <img src="images/baidu.gif"/> |
Путь предыдущего уровня | ../ | <img src="../baidu.gif"/> |
2. Абсолютный путь
Это путь в популярном понимании: «D:webimglogo.gif».
(Я обновлю его позже, когда у меня будет время)
Заявление о документации HTML5
<!DOCTYPE html>
Приведенный выше блок кода представляет собой объявление документа HTML5, в котором указывается, что текущая веб-страница написана в соответствии со стандартами HTML5.
При написании веб-страницы обязательно напишите объявление документа HTML5 вверху веб-страницы. Если вы не напишете объявление документа, некоторые браузеры перейдут в странный режим. После входа в странный режим браузер будет парсить страницу и страница не будет нормально отображаться. Поэтому, чтобы не войти в этот режим, необходимо написать заявление на документ.
Часто используемые декларации документов
<!DOCTYPE html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Примечание. <!DOCTYPE> не является тегом HTML. Он предоставляет браузеру информацию (заявление) о том, какая версия HTML была написана.
Чтобы быть совместимым с некоторыми старыми страницами, браузер имеет два режима анализа:
Стандартный режим Стандартный режим
Режим причуд странный режим
Странные режимы приводят к непредсказуемому поведению при анализе веб-страниц, и нам следует избегать появления странных режимов.
Тип файла <HTML></HTML> (размещается в начале и конце файла)
На этом завершается статья о тегах объявления типа документа HTML (учебник начального уровня). Для получения дополнительной информации о содержимом объявления HTML-документа выполните поиск в предыдущих статьях на сайте downcodes.com или продолжите просмотр следующих статей по теме. будущее. Поддержите downcodes.com!