Galería de mapas mentales La estructura básica de HTML.
Mapa mental de la estructura básica de html: incluido 1. contenido html/html, la marca del documento del documento HTML, también conocida como marca de inicio de HTML, contenido/encabezado del encabezado, marca de encabezado del archivo HTML, también conocida como encabezado HTML marca de inicio de información, etc.
Editado a las 2022-04-18 16:54:22,La estructura básica de HTML.
2. Marca de configuración del documento
1. Marca de formato
1,
Forzar marca de nueva línea
Deje que el siguiente texto, imágenes y tablas aparezcan en la siguiente línea.
2,
Cambiar marca de párrafo
3. ;
Marca de alineación central
4.
marcado preformateado
5.
Etiqueta de elemento de lista
6.
Etiqueta de lista desordenada
7.
etiqueta de lista ordenada
Puede mostrar un orden específico
1. Formato
tipo ol = "tipo de símbolo"
tipo li = "tipo de símbolo" /li
tipo li = "tipo de símbolo" /li
/ol
2. Escriba el atributo de la lista ordenada.
1
Números arábigos 1, 2, 3, etc., valor de atributo de tipo predeterminado
A
Letras grandes y pequeñas A, B, C, etc.
a
Letras minúsculas a, b, c, etc.
I
números romanos en mayúsculas
i
números romanos pequeños
3. valor
Especificar un nuevo valor inicial de secuencia
4. Las listas se pueden anidar
8,
lista definida
Ocasiones de uso
Dé una breve descripción del elemento de la lista.
Formato
9,
Etiquetas de visualización de partición, también conocidas como etiquetas de capa de valor
A menudo se usa para organizar un párrafo HTML grande y también se puede usar para formatear listas, muy similar a
10.
marca de línea divisoria horizontal
2. Marca de texto
1.hn
etiqueta de título
Hay 6 niveles en total. El rango de n es de 1 a 6. Los diferentes niveles corresponden a títulos con diferentes tamaños de visualización. h1 es el más grande y h6 es el más pequeño.
2. fuente
Configuración de tamaño de fuente
Tres atributos de uso común
1. tamaño
tamaño de fuente = "3"
El rango de valores es 1-7, el valor predeterminado es 3
2. color
color de fuente = "rojo"
3. cara
fuente = "Microsoft Yahei"
3.b
Marca de fuente en negrita
4.i
marca de fuente cursiva
5.sub
marca de subíndice de texto
6. sup
marca de superíndice de texto
7.tt
marca de fuente de impresora
8. citar
La fuente utilizada para las citas, generalmente cursiva.
9.em
Indica énfasis, generalmente se muestra en cursiva.
10.fuerte
Indica énfasis, generalmente mostrado en negrita.
11. pequeño
marca de fuente pequeña
12. grande
marca de fuente en mayúscula
13. tu
Marca de fuente subrayada
3. Etiquetado de imágenes
etiqueta de imagen img
1. Cómo utilizar
img src = "Ruta/Nombre de archivo. Formato de imagen" ancho = "Valor de atributo" alto = "Valor de atributo" border = "Valor de atributo" alt = "Valor de atributo"?
2. Presta atención
1. img es una etiqueta única y no es necesario cerrarla con /img
2. Al cargar un archivo de imagen, la ruta del archivo o el nombre del archivo tienen un formato de archivo incorrecto y la imagen no se cargará.
3. Atributos de la etiqueta img
1. atributo origen
efecto
Especifique la ruta y el nombre de la imagen que queremos cargar y el formato de la imagen.
2. atributo de ancho
efecto
Especificar el ancho de la imagen.
Unidad: px, em, cm, mm
3. atributo de altura
efecto
Especificar la altura de la imagen.
Unidad: px, em, cm, mm
4. atributo de borde
efecto
Especificar el ancho del borde de la imagen.
Unidad: px, em, cm, mm
atributo 5alt
Función 1
Cuando se carga la imagen en la página web, mueva el mouse sobre ella y se mostrará el texto del atributo especificado por la imagen.
Función 2
Si la imagen no se descarga o no se carga, se mostrará texto en lugar de la imagen.
Función 3
Los motores de búsqueda pueden rastrear imágenes a través del texto de este atributo.
1. Estructura básica de html
1. contenido html/html
explicar
Etiqueta de documento para documentos HTML, también conocida como etiqueta de inicio HTML
Función
Estos pares de etiquetas se encuentran al principio y al final de la página web, respectivamente.
html representa el comienzo de la página web en la parte frontal
/html indica el final de la página web al final
2. contenido principal /cabeza
explicar
Etiqueta de encabezado de archivo HTML, también llamada etiqueta de inicio de información de encabezado HTML
Función
Se utiliza para contener información básica sobre el archivo, como el título y las palabras clave de la página web. En head /head puedes poner title /title, meta /meta, style /style y otras etiquetas
Aviso
El contenido dentro de la etiqueta head /head no se mostrará en el navegador
3. contenido del título/título
explicar
Etiqueta de título de archivo HTML
Función
El "tema" de la página web, que se muestra en la parte superior izquierda del navegador.
Aviso
El título de la página web no puede ser demasiado largo, debe ser breve y conciso y debe reflejar específicamente el contenido de la página. La etiqueta título/título no puede contener otras etiquetas.
La estructura básica de HTML.
1. contenido html/html
explicar
Etiqueta de documento para documentos HTML, también conocida como etiqueta de inicio HTML
Función
Estos pares de etiquetas se encuentran al principio y al final de la página web, respectivamente.
html representa el comienzo de la página web en la parte frontal
/html indica el final de la página web al final
2. contenido principal /cabeza
explicar
Etiqueta de encabezado de archivo HTML, también llamada etiqueta de inicio de información de encabezado HTML
Función
Se utiliza para contener información básica sobre el archivo, como el título y las palabras clave de la página web. En head /head puedes poner title /title, meta /meta, style /style y otras etiquetas
Aviso
El contenido dentro de la etiqueta head /head no se mostrará en el navegador
3. contenido del título/título
explicar
Etiqueta de título de archivo HTML
Función
El "tema" de la página web, que se muestra en la parte superior izquierda del navegador.
Aviso
El título de la página web no puede ser demasiado largo, debe ser breve y conciso y debe reflejar específicamente el contenido de la página. La etiqueta título/título no puede contener otras etiquetas.
explicar
Etiquetas de tema para documentos HTML
4. contenido corporal /cuerpo
Función
cuerpo... /body es la parte del asunto de la página web. Entre estas etiquetas, puede incluir /p, h1 /h1, /br y otras etiquetas. Son estos contenidos los que componen el contenido que vemos.
Atributos comunes de la etiqueta del cuerpo
1.bgcolor
Establecer color de fondo
2. texto
Establecer color de texto
3. enlace
Establecer color de enlace
4.venlace
Color de conexión visitada
5. un enlace
El color del enlace en el que se hace clic.
5. metacontenido/meta
explicar
Metainformación de la página (metainformación)
Función
Proporcionar metainformación sobre la página, como descripción y palabras clave para motores de búsqueda y frecuencia de actualización.
atributos requeridos
contenido
Valor: algún_texto
Definir metainformación relacionada con el atributo de nombre.
Propiedades comunes
1. Atributos de nombre de uso común
1. autor
2. palabras clave
3. descripción
4. otros
Tenga en cuenta que la metaetiqueta debe colocarse dentro del elemento principal.
explicar
Etiquetas de tema para documentos HTML
4. contenido corporal /cuerpo
Función
cuerpo... /body es la parte del asunto de la página web. Entre estas etiquetas, puede incluir /p, h1 /h1, /br y otras etiquetas. Son estos contenidos los que componen el contenido que vemos.
Atributos comunes de la etiqueta del cuerpo
1.bgcolor
Establecer color de fondo
2. texto
Establecer color de texto
3. enlace
Establecer color de enlace
4.venlace
Color de conexión visitada
5. un enlace
El color del enlace en el que se hace clic.
5. metacontenido/meta
explicar
Metainformación de la página (metainformación)
Función
Proporcionar metainformación sobre la página, como descripción y palabras clave para motores de búsqueda y frecuencia de actualización.
atributos requeridos
contenido
Valor: algún_texto
Definir metainformación relacionada con el atributo de nombre.
Propiedades comunes
1. Atributos de nombre de uso común
1. autor
2. palabras clave
3. descripción
4. otros
Tenga en cuenta que la metaetiqueta debe colocarse dentro del elemento principal.
4. Uso de hipervínculos
1. Gramática básica
a href = "" target = "Abrir con" name = "Nombre del ancla de página" Texto o imagen del enlace /a
2. Atributos
1. atributo href
La dirección del enlace puede ser una página web, un vídeo, una imagen, música, etc.
2. atributo objetivo
1. Función
Definir cómo se abre el enlace
2. Valor del atributo
1.en blanco
Abrir enlace en una ventana nueva
2. seif (valor predeterminado)
Abrir enlace en la ventana actual
3. padre
Abra la página en la ventana principal (más utilizada en marcos)
4. arriba
Abra el archivo en la ventana de nivel superior (más usado en marcos)
3. atributo de nombre
Especifique el nombre del ancla de la página.