1. Введение в HTML
HTML (язык гипертекстовой разметки) — это язык разметки гипертекста. Он соединяет текст, графику, анимацию, звуки, таблицы, ссылки и т. д. в Интернете в единое целое посредством серии тегов. Информация, которую необходимо выразить, записывается в файлы HTML в соответствии с определенными правилами, распознаваемыми специальным браузером, и эти файлы HTML «переводятся» в идентифицируемую информацию, то есть веб-страницу, которую вы сейчас видите. Обеспечьте людям удобство поиска и получения информации.
2. Классификация веб-страниц
Разделены на статические веб-страницы и динамические веб-страницы.
(1) Статические веб-страницы: веб-страницы в чистом формате HTML могут обеспечивать только просмотр. Независимо от того, когда и где они просматриваются, они будут отображать одну и ту же форму и содержимое, а это означает, что они не могут взаимодействовать с веб-сайтом. На статических веб-страницах основная структура всей веб-страницы и управление отображением веб-страницы реализованы с использованием HTML. Статические страницы обычно имеют расширения .htm, .html, .shtml и .xml.
Статические веб-страницы могут отображать только текст и изображения на веб-странице. Функциональность этого может показаться простой, но это основной элемент всех веб-страниц, и его важность очевидна.
На статических веб-страницах могут появляться различные динамические эффекты, такие как анимация в формате .gif, вспышка, прокрутка букв и т. д. Эти «динамические эффекты» являются только визуальными и отличаются от динамических веб-страниц.
(2) Динамические веб-страницы: Веб-страницы, использующие динамическую технологию. Содержимое веб-страницы может автоматически меняться в зависимости от изменений в определенных условиях. В отличие от расширений статических веб-страниц, расширениями динамических веб-страниц являются .asp, .jsp, .php, .perl, .cgi и т. д., а в URL-адресе динамической веб-страницы имеется значок "?".
3. Марк
Символы, используемые в HTML для описания функциональности.
При использовании теги должны быть заключены в угловые скобки «<>». Браузер интерпретирует разметку внутри угловых скобок. Основными часто используемыми тегами в HTML являются <html>, <head>, <title> и <body>.
Маркеры делятся на одинарные и двойные:
(1) Одиночный тег: просто введите имя тега в угловых скобках. Одиночный тег представляет функцию и не имеет области действия.
Формат: <тег>
Например, знак разрыва строки: < br>
(2) Двойной знак: знак имеет начало и конец, а передний знак соответствует следующему знаку, но перед последним знаком имеется косая черта.
Формат: <mark>Цзинруй Ючжи</mark>
Например, знак абзаца <p> </p>;
4. Состав HTML-разметки
<html><head><title>Сеть языка C</title></head><body><h1>Как эффективно использовать сеть языка C? </h1><p>В сети языка C много вопросов</p></body></html>
Полная HTML-страница на самом деле состоит из пар тегов (конечно, есть исключения).
(1) <html></html>: открывающий и закрывающий теги веб-страницы.
(2) <head>< /head>: начальный и конечный теги информации заголовка веб-страницы;
(3) <body>< /body>: начальный и конечный теги основной части веб-страницы;
(4) <title>< /title>: открывающие и закрывающие теги темы веб-страницы;
(5) <p>< /p>: начальный и конечный теги абзаца веб-страницы.
5. Технология верстки веб-страниц.
(1) Технология компоновки таблиц: в прошлом компоновка таблиц была более распространена: различный необходимый текст, графические материалы и т. д. помещались в таблицу без полей. Преимущество заключается в том, что она может обрабатывать разные объекты, не беспокоясь о различиях между ними. Недостатком является то, что использование слишком большого количества таблиц увеличивает объем данных веб-страницы и влияет на скорость загрузки страницы.
(2) Технология CSS (каскадная таблица стилей): также известная как технология макета DIV+CSS, она позволяет точно позиционировать текст и изображения, разделять данные и форматировать, а также значительно уменьшать объем данных на веб-странице. CSS немного сложен для новичков, но это действительно хороший метод верстки, и в настоящее время это наиболее часто используемая технология верстки веб-страниц.