En realidad, un sitio web se compone de páginas web. Si desea comprender qué es un sitio web, primero debe comprender qué es una página web.
(1) Una página web es en realidad un archivo en el servidor. Cuando navegamos por la página web, este archivo se descargará en nuestra computadora local y luego el navegador lo analizará para representar varias interfaces hermosas, como tablas, imágenes y títulos. , lista, etc.
(2) Hay muchos tipos de sufijos para archivos de páginas web, como .html, .php, .jsp, .asp, etc. Creo que todos los han visto en la dirección del navegador.
(3) Pero no importa cuál sea el sufijo de la página web, su esencia es la misma: es un archivo de texto sin formato compuesto de código HTML.
(4) Podemos usar Notepad, Notepad ++, Sublime Text, etc. para escribir código.
(1) Se puede considerar un sitio web como una carpeta ubicada en el servidor, que contiene muchas páginas web y muchas subcarpetas.
(2) Cuando un usuario accede a un sitio web, lee el contenido de un archivo. Cuando un usuario comparte datos, modifica el contenido de un archivo, elimina un archivo existente o crea un archivo nuevo.
El software de escritura más utilizado hoy en día es Visual Studio Code, y los códigos futuros también se escribirán en Visual Studio Code.
HTML es un lenguaje utilizado para describir páginas web. HTML es un lenguaje de marcado común utilizado en la Web. HTML le permite formatear texto, agregar imágenes, crear enlaces, ingresar formularios, marcos y tablas, etc., y guardarlo como un archivo de texto, que el navegador puede leer y mostrar.
(1) HTML se refiere al lenguaje de marcado de hipertexto: lenguaje de marcado de hipertexto
(2) HTML no es un lenguaje de programación, sino un lenguaje de marcado
(3) El lenguaje de marcado es un conjunto de etiquetas de marcado.
(4) HTML utiliza etiquetas de marcado para describir páginas web
(5) Los documentos HTML contienen etiquetas HTML y contenido de texto.
(6) Los documentos HTML también se denominan páginas web.
(1) Las etiquetas de marcado HTML a menudo se denominan etiquetas HTML
(2) Las etiquetas HTML son palabras clave <etiqueta> rodeadas por corchetes angulares
(3) Las etiquetas HTML suelen aparecer en pares <tag>content</tag>
(4) La primera etiqueta del par de etiquetas es la etiqueta de inicio y la segunda etiqueta es la etiqueta de final.
(5) Las etiquetas de inicio y fin también se denominan etiquetas de apertura y etiquetas de cierre.
(1) Las etiquetas HTML y los elementos HTML suelen describir el mismo significado.
(2) Pero estrictamente hablando, un elemento HTML contiene una etiqueta de inicio y una etiqueta de finalización.
(1) Los navegadores web (como Google Chrome, Internet Explorer, Firefox y Safari) se utilizan para leer archivos HTML y mostrarlos como páginas web.
(2) Los navegadores web no muestran directamente etiquetas HTML, sino que las utilizan para determinar cómo mostrar el contenido de la página HTML a los usuarios.
A continuación, aprendamos sobre la estructura de HTML a través de un ejemplo HTML simple.
Nota: Después de ingresar Visual Studio Code , cambie el sufijo del nuevo archivo a .HTML, ingrese! y presione Enter para crear el marco básico.
El ejemplo HTML es el siguiente:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><metaname=viewportcontent=width=device-width,initial-scale=1.0><title>Documento</title></head><body>< /cuerpo></html>
Análisis de ejemplo:
● DOCTYPE es una declaración de tipo de documento de lenguaje de marcado universal estándar, que ayuda a mostrar páginas web correctamente en los navegadores. La declaración de tipo de documento no distingue entre mayúsculas y minúsculas.
●La etiqueta <html> es el elemento raíz de la página HTML y la etiqueta final de esta etiqueta es </html>.
●La etiqueta <head> contiene los metadatos del documento.
●<meta charset=utf-8> define el formato de codificación de la página web como utf-8, lo que puede resolver el problema de los caracteres chinos confusos en el navegador.
●La etiqueta <title> define el título del documento.
●La etiqueta <body> define el cuerpo principal del documento, es decir, el contenido de la página visible en la página web. La marca final de esta etiqueta es </body>.