Acceso
Iniciar sesión

Galería de mapas mentales Etiquetas básicas HTML

Etiquetas básicas HTML

¡Una nueva introducción a las etiquetas básicas HTML! El contenido incluye la composición, estructura básica, herramientas de edición de páginas web, elementos multimedia HTML, bloques y líneas en páginas HTML, información básica de páginas web, etc. Los amigos interesados pueden descargarlo y recopilarlo.

Editado a las 2023-02-26 01:27:03,

WSUJfrxa

Trabajos recientes Ver más trabajos>>

Etiquetas básicas HTML

WSUJfrxa

Trabajos recientes Ver más trabajos>>

Recomendados
Resumen

Cirugía anestesia general
- 27
WSUJfrxa
1H413020 Tecnología de instalación de ingeniería eléctrica
- 11
e7qw4qya@bccto.cc
Mapa mental de tecnología eléctrica de vehículos de nueva energía.
- 10
e7qw4qya@bccto.cc
El poder del movimiento ensambla el mapa mental de los músculos esqueléticos
- 9
WSUJfrxa
Mapa mental de medición eléctrica
- 23
e7qw4qya@bccto.cc
Autocultivo de puerros Li Xiaolai
- 10
WSUJfrxa
bacteriología
- 31
e7qw4qya@bccto.cc
Redis
- 33
e7qw4qya@bccto.cc
Construcción de nueva línea de producción (MDE)
- 18
- 1
e7qw4qya@bccto.cc
Neurología Capítulo 6 Enfermedades de los nervios periféricos
- 9
e7qw4qya@bccto.cc

Etiquetas básicas HTML

La composición de una página web.

parte HTML (<html>contenido</html>)

parte JS (<script>Efectos especiales</script>)

parte CSS (<estilo>estilo</estilo>)

estructura basica

<! DOCTYPE html> Declaración

<título>Título de la página web</título>

pagina web html

<cabeza>parte de la cabeza

<cuerpo>Parte principal

<body>Contenido de la página web, que puede ser texto, imágenes, etc.</body>

Herramientas de edición de páginas web

computadora portátil

tejedor de sueños

Bloc de notas++

constructor

VScodr

Información básica de la página web.

Soluciones a caracteres confusos

Agregue la etiqueta <meta> a la sección principal

Chino simplificado: gb2312

Chino tradicional: big5

Página web en inglés puro: iso-8859-1

Cumple con los estándares internacionales: UTF-8

Color de fondo de la página o imagen de fondo

bgcolor="#FFCCFF""

Color de fondo de la página web

fondo="back_image.GIF""

Imagen de fondo de la página web

Semantización de etiquetas básicas en páginas web.

título

<h1>

párrafo

imagen

<img>

nueva línea

<br>

linea horizontal

<hora>

<hr size="5">Valor de espesor de la línea

color="rojo" color de línea

ancho="300"/>ancho de línea

etiqueta de título

<h1>Título de nivel 1</h1> <h2>Título de nivel 2</h2> <h3>Título de nivel 3</h3> <h4>Título de cuarto nivel</h4 <h5>Títulos de cinco niveles</h5> <h6>Títulos de seis niveles</h6>

<h1> es el más grande, seguido de <h2> y así sucesivamente...

Se recomienda incluir palabras clave cuando se utilizan etiquetas <h1> y etiquetas <h2>, y se recomienda que aparezcan solo una vez. Las etiquetas <h3>, <h4> y <h5> tienen poco efecto SEO y se recomienda no utilizarlas indiscriminadamente.

etiqueta de imagen

*.jpg

*.gif

*.png

*.bmp

Gramática básica de imágenes.

<img src="etiqueta de imagen"

ubicación de la imagen

ancho = "300"

ancho de la imagen

altura="150"

Altura de imagen

alt="Inauguración del concierto de celebridades">

Texto indicativo añadido a la imagen, ratón. Mueve la imagen para mostrar texto informativo.

etiqueta de lista

El atributo de tipo lista desordenado establece viñetas

Viñetas: disco (predeterminado), cuadrado y círculo

Implementado con etiqueta <ul>

Utilice la etiqueta <li> para representar elementos de la lista

El atributo de tipo lista ordenada establece el orden de los elementos

Orden del proyecto: 1 (predeterminado), A, a, I, i

Implementado con etiqueta <ol>

Utilice la etiqueta <li> para representar elementos de la lista

Definir tabla de clases: sin viñetas y orden de visualización

Sin viñetas y orden de visualización

Implementado con <etiqueta dl>

Definir elementos de lista con etiqueta <dt>

Definir contenido con la etiqueta <dd>

Etiquetas de texto preformateadas

Etiqueta:<pre>…</pre>

Ejemplo:<pre>…… </pre>

Hipervínculo

<a> etiqueta

<a href="ruta"

ruta de enlace

target="posición de la ventana de destino">"

Descripción: En qué ventana se abre el enlace

Enlace de texto o imagen</a>

Nota: salte a la página correspondiente después del modo independiente

Valores comunes: _self, _blank

Enlace a otras páginas

Ruta relativa: especifica la ubicación del archivo en relación con el archivo actual.

Ejemplo: Para vincular a una página en el mismo directorio (C:\HTML), escriba <a href="doc1.html>

Ruta absoluta: especifique la ruta completa desde el directorio raíz hasta el archivo.

Ejemplo: Para vincular a una página en el mismo directorio (C:\HTML), escriba <a href="c:\html\doc2.html>

Enlace a esta página

Etiquetas de anclaje: se utilizan para permitir a los usuarios "saltar" a una determinada parte del documento.

Definir etiqueta de anclaje:<a name="helpme">Recién llegados en el camino para guiar a los hombres</a> Enlace a la ubicación de la etiqueta de anclaje: <a href="#helpme">[Recién llegado a la carretera]</a>

Nota: Si la página no es lo suficientemente larga, el enlace de anclaje no saltará. En este momento, simplemente agregue más contenido de la página para alargarla.

Bloques y líneas en páginas HTML.

etiquetas a nivel de fila

Características: se puede mantener en la misma línea que otros elementos, no se puede ajustar automáticamente, no se puede establecer el ancho y el alto

Etiquetas comunes a nivel de línea: a, span, strong, u (subrayado), em (énfasis), i (cursiva), sub (subíndice), sup (superíndice)

etiquetas a nivel de bloque

Características: No se puede mantener en la misma línea que otros elementos (ocupa una línea), se puede ajustar automáticamente y se puede establecer el ancho y el alto.

Etiquetas comunes a nivel de fila: div, p, h1-h6, ul, li, dl (lista de definiciones, similar a ul...li), dt (define los elementos en la lista de definiciones), dd (define el contenido del elemento, coincidente con dt)

Etiquetas a nivel de bloque comúnmente utilizadas en el diseño

Etiqueta de sección <div>

Las etiquetas <div> pueden incrustarse en etiquetas como <p> y usarse como elementos de bloque ordinarios.

Tabla:<tabla> Línea: <tr></tr> Columna (celda):<td>…</td>

Formulario:<de> … </de>

Etiquetas a nivel de bloque en línea

Características: Se puede mantener en una línea con otros elementos y también se puede establecer el ancho y el alto.

Etiquetas comunes: área de texto, entrada, img, botón

elementos multimedia HTML

Elemento de vídeo:<video>…</video>

Ejemplo:<video src="ruta del vídeo"

Descripción: Especifique la ruta del archivo de video que se reproducirá.

controles></video>

Descripción: Proporciona controles para reproducción, pausa y volumen.

Atributos comunes de la etiqueta de video

Aparece 1.reproducción automática y el vídeo se reproducirá inmediatamente después de que esté listo.

2. Cuando aparecen los controles, se muestran al usuario, como el botón de reproducción.

Aparece 3.bucle, luego comience a reproducir nuevamente una vez que el archivo multimedia termine de reproducirse.

Aparece 4.muted, el audio del vídeo se silencia.

5.src URL del vídeo que se reproducirá

Elementos de audio:<audio>…</audio>

<audio src="elemento de audio"

Descripción: Especifique la ruta del archivo de audio que se reproducirá.

controles></audio>

Descripción: Proporciona controles para reproducción, pausa y volumen.

Atributos de reproducción automática: reproducción automática

<reproducción automática de vídeo> … … </vídeo>

Atributos comunes de la etiqueta de origen

1.src especifica la URL del archivo multimedia 2.type especifica el tipo de medio del recurso

Explicación: 1. Puede escribir varias etiquetas de origen y especificar el tipo, que es compatible con diferentes soportes de decodificación de navegador. Pero src sólo puede escribir uno. 2. Los valores de atributo del atributo de tipo de la etiqueta de origen incluyen video/ogg, video/mp4, video/webm.