Веб-сайт на самом деле состоит из веб-страниц. Если вы хотите понять, что такое веб-сайт, вы должны сначала понять, что такое веб-страница.
(1) Веб-страница на самом деле представляет собой файл на сервере. Когда мы просматриваем веб-страницу, этот файл загружается на наш локальный компьютер, а затем анализируется браузером для отображения различных красивых интерфейсов, таких как таблицы, изображения и заголовки. , список и т. д.
(2) Существует множество типов суффиксов для файлов веб-страниц, таких как .html, .php, .jsp, .asp и т. д. Я думаю, каждый видел их в адресе браузера.
(3) Но независимо от суффикса веб-страницы, ее суть одна и та же: это обычный текстовый файл, состоящий из HTML-кода.
(4) Для написания кода мы можем использовать Блокнот, Notepad++, Sublime Text и т. д.
(1) Веб-сайт можно рассматривать как папку, размещенную на сервере, которая содержит множество веб-страниц и множество подпапок.
(2) Когда пользователь заходит на веб-сайт, он или она читает содержимое файла. Когда пользователь делится данными, он или она изменяет содержимое файла, удаляет существующий файл или создает новый файл.
В настоящее время наиболее часто используемым программным обеспечением для написания кода является Visual Studio Code, и будущие коды также будут писаться в Visual Studio Code.
HTML — это язык, используемый для описания веб-страниц. HTML — это распространенный язык разметки, используемый в Интернете. HTML позволяет форматировать текст, добавлять изображения, создавать ссылки, формы ввода, фреймы и таблицы и т. д., а также сохранять его как текстовый файл, который браузер может читать и отображать.
(1) HTML относится к языку разметки гипертекста: Язык разметки гипертекста.
(2) HTML — это не язык программирования, а язык разметки.
(3) Язык разметки — это набор тегов разметки.
(4) HTML использует теги разметки для описания веб-страниц.
(5) HTML-документы содержат HTML-теги и текстовый контент.
(6) HTML-документы также называются веб-страницами.
(1) Теги разметки HTML часто называют тегами HTML.
(2) HTML-теги — это ключевые слова <tag>, заключенные в угловые скобки.
(3) HTML-теги обычно появляются парами <tag>content</tag>.
(4) Первый тег в паре тегов — это начальный тег, а второй тег — конечный тег.
(5) Начальные и конечные теги также называются открытыми и закрывающими тегами.
(1) HTML-теги и HTML-элементы обычно имеют одно и то же значение.
(2) Но, строго говоря, элемент HTML содержит начальный и конечный тег.
(1) Веб-браузеры (такие как Google Chrome, Internet Explorer, Firefox и Safari) используются для чтения файлов HTML и их отображения в виде веб-страниц.
(2) Веб-браузеры не отображают HTML-теги напрямую, а используют их для определения способа отображения содержимого HTML-страницы пользователям.
Далее давайте узнаем о структуре HTML на простом примере HTML.
Примечание. После ввода кода Visual Studio измените суффикс нового файла на .HTML, введите ! и нажмите Enter, чтобы создать базовую структуру.
Пример HTML выглядит следующим образом:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><metaname=viewportcontent=width=device-width,initial-scale=1.0><title>Документ</title></head><body>< /body></html>
Пример анализа:
● DOCTYPE — это объявление типа документа стандартного универсального языка разметки, которое помогает правильно отображать веб-страницы в браузерах. В объявлении типа документа не учитывается регистр.
●Тег <html> является корневым элементом HTML-страницы, а конечный тег этого тега — </html>.
●Тег <head> содержит метаданные документа.
●<meta charset=utf-8> определяет формат кодировки веб-страницы как utf-8, что может решить проблему искажения китайских символов в браузере.
●Тег <title> определяет заголовок документа.
●Тег <body> определяет основную часть документа, то есть содержимое страницы, видимое на веб-странице. Конечный знак этого тега — </body>.