1. La estructura básica de HTML:

< / p>

Texto, imágenes y otra información de la página web;

2. ¿Encabezado? parte: utilizada para Los metadatos que representan la página web son la información básica que describe la página web

Las etiquetas y atributos comúnmente utilizados son:

1. página de la pestaña del navegador

2. metaetiqueta: sus atributos comunes

①charset: establece el formato de codificación del juego de caracteres del documento:

Formatos de codificación de juegos de caracteres comunes:

a.GB-2312: Código estándar nacional, chino simplificado

b.GBK: Nacional extendido Código estándar

c.UTF -8: Unicode de uso común

②Atributo http-equiv: escriba nuestra información en el navegador y deje que el navegador la ejecute de acuerdo con los requisitos. : Content-Type (tipo de documento)? Refresh (actualización regular de páginas web)? set-cookie (establecer caché de cookies del navegador) debe usarse con el atributo de contenido (el atributo http-equiv solo indica qué parte debe configurarse, y el contenido de configuración específico se coloca en el atributo de contenido)

③atributo de nombre: el método de uso es el mismo que "http-equiv". Escriba nuestra información para los motores de búsqueda.

Uso común. valores de atributos que deben dominarse: autor (autor)? palabras clave (clave de página web) ¿Word)? descripción (descripción de la página web) Estas dos configuraciones de atributos son esenciales para las páginas web

3. etiqueta: ícono de página web de enlace (logotipo pequeño antes del título), sus atributos comunes son:

①atributo rel: declara el tipo de archivo vinculado, seleccione el ícono aquí

atributo ②type: puede omitirse

Atributo ③href: indica la dirección de ruta de la imagen

?3. Parte del cuerpo: texto, imágenes y otra información de la página web

Clasificación de etiquetas:

Etiquetas a nivel de bloque: se muestran como bloques, separadas por una línea antes y después (ajuste de línea automático)

Etiquetas a nivel de fila: se muestran una por una de izquierda a derecha derecha

1. Etiquetas comunes a nivel de bloque:

①

: etiqueta de título, automáticamente en negrita, h1 es el más grande, h6 es el más pequeño.

②

---

: Etiqueta de línea horizontal, agregue una línea horizontal.

③

: Etiqueta de párrafo,

④
: Etiqueta de salto de línea,

⑤

:Etiqueta de cita, atributo de cita, indica la fuente de la cita, generalmente la URL de la cita

El navegador aplica sangría de forma predeterminada en la primera línea.

⑥

: Etiquetas preformateadas, utilizadas para sobrecargar código. Estilo de visualización predeterminado del navegador: 1. Se muestra en fuente de ancho fijo. 2. Los saltos de línea, los espacios

y otros elementos del código se pueden mostrar en el navegador.

Complemente la representación de espacios en archivos html:

2. Etiquetas a nivel de bloque basadas en el diseño

Lista: lista desordenada, lista ordenada, definición. Lista

①Lista ordenada:

Elementos de lista:

②Lista desordenada:

Elemento de lista:

③Lista de definiciones (para lograr una disposición mixta de imágenes y textos):

Título de la lista:

Generalmente solo hay uno Elementos

Listar elementos de descripción:

Puede haber muchos elementos

3. Etiquetas combinadas:

se utiliza para mostrar imágenes y título de la imagen

Tiene dos subetiquetas: Imagen

Título de la imagen

Por ejemplo:

4. Etiqueta de partición:

5. Etiquetas comunes a nivel de línea

<1>span (texto): no tiene significado práctico. Se utiliza para ajustar una determinada parte del texto y modificar un estilo específico, por ejemplo:

Este es el texto en span

img (imagen): Sus atributos comunes: ①src: indica la dirección de la imagen referenciada.

Cómo escribir la dirección de la ruta: Ruta relativa: use el archivo actual como el más preciso para encontrar la dirección de la imagen

a. el nombre de la imagen directamente

b. La imagen está una capa debajo del archivo actual: nombre de archivo/nombre de la imagen

c. nombre de la imagen

Ruta absoluta :archivo:///letra de unidad:/carpeta/nombre de la imagen, pero su uso está estrictamente prohibido

URL de la imagen: enlace de la imagen en Internet, pero en general no utilizado

②alto y ancho: alto y ancho de la imagen. Puedes usar el estilo CSS en su lugar

③título: título de la imagen. El texto que se muestra cuando se apunta el mouse

④alt: El texto que se muestra cuando la imagen no se puede mostrar

<2>em (énfasis inclinado)

< 3>fuerte (énfasis en negrita)

<4>b (negrita)

<5>i (inclinado)

Fuerte, em, b, La diferencia entre i

1. Strong y em indican énfasis. Strong está en negrita y em en cursiva. Strong tiene un mayor grado de énfasis que em

2. estar en negrita, em y i pueden estar inclinados, pero fuertes y em tienen una capa extra de énfasis. H5 requiere que las etiquetas sean lo más semánticas posible.

<6>q (cita breve)

<7>pequeño/grande (reducir/ampliar fuente): pequeño y grande sirven para reducir y ampliar las fuentes respectivamente, y ambas pueden ser incrustado en varias capas Configurar hasta el límite superior o inferior

<8>a (hipervínculo)

1. o un archivo local.

2. Destino: la ubicación donde se abre la página de salto. _página propia, _página nueva en blanco.

3. título: El puntero del mouse apunta al nombre que se muestra en el hipervínculo.

4. Rel (el documento vinculado es el artículo anterior/siguiente): Especifica la relación entre el documento vinculado y el documento actual. Los motores de búsqueda utilizarán este atributo para obtener más información sobre el vínculo:

p>

p>

rel="prev"El documento vinculado es el documento anterior del documento actual,

rel="next"El documento vinculado es el siguiente documento del documento actual ,

rel="icon"El documento vinculado es el icono del documento actual

rel="stylesheet"El documento vinculado es la hoja de estilos del documento actual

5. Rev (actualmente el artículo anterior/siguiente vinculado)

Enlace de anclaje:

①Enlace de anclaje a esta página: a. ">

b. Punto de anclaje de salto: #nombre

①Enlace de anclaje entre páginas: a. Establezca el punto de anclaje en la posición especificada de la página a saltar

b. Ancla de salto: dirección de página.html#name

Enlace de anclaje entre páginas

Enlace funcional: mailto se utiliza para enviar correos electrónicos al buzón de correo especificado

file:///e:/aaa.png Abrir archivo local

tencent: //message/?uin=1315618220 Enviar un mensaje a la etiqueta QQ

<9>s especificada, texto incorrecto: tachado

Este es el texto en la etiqueta S< /s>

<10>Etiqueta de cita: El navegador la muestra inclinada, utilizada a menudo para citas de libros, pinturas y obras

< cite>Este es el texto de la etiqueta de cita

<11>código: código de computadora, el formato del código no se conserva

<12>bdo: indica la dirección del texto, atributo: dir="ltr" indica de izquierda a derecha, dir="rtl" indica de derecha A izquierda

1234567


kbd: Indica contenido que el usuario necesita para ingresar con el teclado, y el navegador lo muestra como una fuente de ancho constante

Ingrese "Esc" para diferir el sistema


<13>sup: texto en superíndice, sub: texto en subíndice

x6
© espacio © ><14>u:underline

Esto es un subrayado


marca: resalta o marca texto, el navegador muestra un fondo amarillo

marca