1. Introducción a HTML
HTML (lenguaje de marcado de hipertexto) es un lenguaje de marcado de hipertexto. Conecta texto, gráficos, animaciones, sonidos, tablas, enlaces, etc. en Internet en un todo a través de una serie de etiquetas. La información que debe expresarse se escribe en archivos HTML de acuerdo con ciertas reglas, reconocidos por un navegador dedicado, y estos archivos HTML se "traducen" a información identificable, es decir, la página web que ve ahora. Proporcionar comodidad para que las personas encuentren y recuperen información.
2. Clasificación de páginas web
Dividido en páginas web estáticas y páginas web dinámicas.
(1) Páginas web estáticas: las páginas web en formato HTML puro solo pueden permitir la navegación, sin importar cuándo y dónde se naveguen, mostrarán la misma forma y contenido, lo que significa que no pueden interactuar con el sitio web. En las páginas web estáticas, la estructura principal de toda la página web y el control de visualización de la página web se implementan mediante HTML. Las extensiones de páginas estáticas son generalmente .htm, .html, .shtml y .xml.
Las páginas web estáticas solo pueden mostrar texto e imágenes en la página web. Puede parecer simple en su función, pero es el elemento básico de todas las páginas web y su importancia es evidente.
En páginas web estáticas pueden aparecer diversos efectos dinámicos, como animación en formato .gif, flash, desplazamiento de letras, etc. Estos "efectos dinámicos" son sólo visuales y son conceptos diferentes de las páginas web dinámicas.
(2) Páginas web dinámicas: páginas web que utilizan tecnología dinámica. El contenido de la página web puede cambiar automáticamente según los cambios en ciertas condiciones. A diferencia de las extensiones de las páginas web estáticas, las extensiones de las páginas web dinámicas son .asp, .jsp, .php, .perl, .cgi, etc., y hay un símbolo icónico "?" en la URL de la página web dinámica.
3. marca
Símbolos utilizados en HTML para describir la funcionalidad.
Las etiquetas deben estar entre corchetes angulares "<>" cuando se utilizan. El navegador interpretará el marcado dentro de los corchetes angulares. Las principales etiquetas comúnmente utilizadas en HTML son <html>, <head>, <title> y <body>.
Los marcadores se dividen en marcadores simples y marcadores dobles:
(1) Etiqueta única: simplemente ingrese el nombre de la etiqueta entre corchetes angulares. Una etiqueta única representa una función y no tiene alcance.
Formato: <etiqueta>
Como marca de salto de línea: < br>
(2) Doble marca: la marca tiene un comienzo y una cola, y la marca frontal es consistente con la siguiente marca, pero hay una barra antes de esta última marca.
Formato: <mark>Jingrui Youzhi</mark>
Como marca de párrafo;
4. Composición del marcado HTML
<html><head><title>C Language Network</title></head><body><h1>¿Cómo hacer un buen uso de C Language Network? </h1><p>Hay muchas preguntas en la red del lenguaje C</p></body></html>
Una página HTML completa en realidad se compone de pares de etiquetas (por supuesto, hay excepciones).
(1) <html></html>: las etiquetas de apertura y cierre de la página web.
(2) <head>< /head>: las etiquetas de inicio y fin de la información del encabezado de la página web;
(3) <body>< /body>: las etiquetas de inicio y fin del cuerpo principal de la página web;
(4) <title>< /title>: las etiquetas de apertura y cierre del tema de la página web;
(5) < p>< /p>: Las etiquetas de inicio y fin del párrafo de la página web.
5. Tecnología de diseño de páginas web
(1) Tecnología de diseño de tablas: el diseño de tablas era más común en el pasado, que consistía en colocar varios textos, materiales de imágenes, etc. requeridos en una tabla sin bordes. La ventaja es que puede procesar diferentes objetos sin preocuparse por las diferencias entre los diferentes. objetos La desventaja es que el uso de demasiadas tablas aumenta la cantidad de datos de la página web y afecta la velocidad de descarga de la página.
(2) Tecnología CSS (hoja de estilo en cascada): también conocida como tecnología de diseño DIV + CSS, puede posicionar con precisión texto e imágenes, separar datos y formatos y reducir en gran medida la cantidad de datos en la página web. CSS es un poco difícil para los principiantes, pero de hecho es un buen método de diseño y ahora es la tecnología de diseño de páginas web más utilizada.