La Red de Conocimientos Pedagógicos - Aprendizaje de inglés - Códigos HTML comunes

Códigos HTML comunes

Explicación de códigos HTML comunes

Primero, texto

1. Texto del título

2. Cambio de fuente

1 tamaño de fuente < tamaño de fuente. =# >..........& lt/font & gt;#=1~7;Cuanto mayor sea el número, mayor será el carácter.

2 Especifica la fuente...</font>

3 Color del texto

Rr: indica el código rojo.

Código verde.

Sib: código azul.

Rrggbb también puede utilizar números de código de color de 6 dígitos.

3. Mostrar fuentes pequeñas

4. Mostrar fuentes grandes

5. Negrita

6. p>7. Fuente de máquina de escribir

8. Subrayado

9. Eliminar la línea

10. lt/sub & gt;

11. Superíndice < sup >;.........& lt/sup & gt;

12 .Efecto de parpadeo de texto

13. Avance de línea (también llamado retorno de carro)

14. Párrafo pequeño

15. Dirección de alineación del texto

16. línea

1 Grosor de la línea de separación < Hr tamaño= puntos >

2 Ancho de la línea de separación

3 Dirección de alineación de la línea de separación

#Puede ser a la izquierda: la tabla está alineada a la izquierda (predeterminado), centro: la tabla está alineada al centro, derecha: la tabla está alineada a la derecha.

4 Color de la línea de separación

5 Línea de separación sólida

17. Alineación central

18. >

19.& ltbody & gt atributos de comando

1 Color de fondo - color de fondo

2 Patrón de fondo - fondo

3 Establezca el patrón de fondo no para desplazarse -Atributo de fondo

4. El color del texto en el contenido del archivo - texto

5 El color del texto del hipervínculo - enlace

6. El color del texto del hipervínculo seleccionado: vlink

7 link hyperlink text color-alink

20. Comando de movimiento del texto

El comando de velocidad de movimiento es: scrollAmount. =# #El valor mínimo es 1. La velocidad más lenta cuanto mayor es el número, más rápido se mueve.

Las instrucciones de dirección del movimiento son: dirección=#arriba, abajo, izquierda, derecha.

Ejemplos de explicación:

Segundo, imágenes

1. Insertar imágenes

2 Establecer los bordes del marco de dibujo

>3. Establezca el tamaño del gráfico: ancho, alto

4. Establezca el gráfico en blanco: vspace, hspace

5. imágenes

& ltImg src= "Nombre de archivo gráfico de alta resolución" lowsrc= "Nombre de archivo gráfico de baja resolución" > P.D. El tamaño de los dos gráficos debe ser el mismo;

7. Mapeo de imágenes & ltMap name= "Nombre de gráfico" >>p>

& ltRegión forma=Coordenadas de forma=Lista de coordenadas de región href= " URL del punto de conexión " >>p>

& ltregion forma = coordenadas de forma = lista de coordenadas de región href = "URL del punto de conexión "

& ltregión forma = coordenadas de forma = región lista de coordenadas href = "URL de puntos de conexión " >>p>

& lt área forma = coordenadas de forma = lista de coordenadas de área href = "& lt/mapa & gt de puntos de conexión;

1 definición Forma - Forma

Forma=rect:rectangle=circle:circle=poly:polygon.

2 Definir coordenadas del área

Un rectángulo: Se deben usar cuatro números, los dos primeros números son las coordenadas de la esquina superior izquierda y los dos últimos números son las coordenadas de la esquina inferior derecha.

Ejemplo:< area shape=rect coords=100, 50, 200, 75 href="URL"

b círculo: se deben usar tres números, los dos primeros números son Las coordenadas del centro del círculo, el último número es la longitud del radio.

Ejemplo: < area shape=circle coords=85, 155, 30 href="URL "

C. Cualquier forma (polígono): Complete las coordenadas de cada punto de inflexión. de la forma a su vez.

Ejemplo:< area shape=poly coords=232, 70, 285, 70, 300, 90, 250, 90, 200, 78 href="URL "

Tercero, Tabla relevancia

1. Título de la tabla

& ltcaption & gt..........& lt/caption & gt;

Posición del título de la tabla - alineación

& ltcaption align = " # " & gt# puede estar arriba: el título de la tabla se coloca encima de la tabla (valor predeterminado).

Abajo: El título de la tabla se coloca debajo de la tabla.

2. Definir columnas

3. Definir campo "1"

《2》<th>: Alineación central ⅱ negrita

1 Posición-Alineación horizontal

#Puede estar alineado a la izquierda: centrado alineado a la izquierda: centrado alineado a la derecha: alineado a la derecha.

2 Posición-Alineación vertical

Arriba: Alineación central hacia arriba: Alineación central inferior: Alineación inferior hacia abajo.

3 Ancho de campo-Ancho

4 Fusión vertical de campos-Intervalo de filas

5 Integración horizontal de campos-Colspan

4. Los atributos principales de

1.<Table>Los atributos principales de la etiqueta gt

Align define la alineación de la tabla y tiene tres valores de atributo: centro, alineado a la izquierda y alineado a la derecha.

Fondo define el patrón de fondo de la tabla y el valor del atributo es la dirección de la imagen.

Bgcolor define el color de fondo de la tabla y los valores de los atributos son varios códigos de color.

Borde define el ancho del borde de la tabla y el valor del atributo es un número.

Bordercolor define el color del borde de la tabla y los valores de los atributos son varios códigos de color.

Cellpadding define la distancia entre el contenido de la celda y el borde de la celda, y el valor del atributo es un número.

El espacio entre celdas define la distancia entre celdas de una tabla.

La altura define la altura de la tabla y el valor del atributo es un número.

Ancho define el ancho de la tabla y el valor del atributo es un número.

2.& lttr & gt mark, la tabla consta de varias filas y columnas,

Align define la alineación y el valor del atributo es el mismo que el anterior.

El fondo define el patrón de fondo. El color de fondo define el color de fondo.

3.<td>mark. El contenido resumido usando está marcado para representar una celda de la tabla. Sus principales atributos y valores de atributo y

Colspan definen el número de columnas en la tabla fusionada, y el valor del atributo es un número.

La extensión de filas define el número de filas en la tabla fusionada y el valor del atributo es un número.

Diseño de verbo (abreviatura de verbo)

1, comando de ventana dividida

1 Líneas divididas verticalmente (arriba y abajo)

& lt Número de filas del conjunto de marcos = # & gt# se puede dividir:

Si desea dividirlo en tres ventanas de 100, 200 y 300,

también se puede representar por *, como

Porcentaje: como

2 columnas horizontales (izquierda y derecha)

2. Especificar el contenido de la ventana-

<Frameset column=30 %,70%><frame><frame></frameset>

1 Especifique el nombre del archivo de window-src

2 Defina el nombre de la ventana - name

& ltFrame name = nombre de la ventana>

3Establezca la distancia entre el archivo y los bordes superior e inferior - altura del margen

& ltFrame margin height =points>

4 Establezca la distancia entre el documento y los bordes izquierdo y derecho: ancho de margen

& ltframe margin width=points>

5. Establezca la barra de desplazamiento dividida para el desplazamiento de la ventana<. /p>

& ltframe scrolling = # & gt# puede ser sí: el desplazamiento aparece permanentemente.

No: No muestra el scroll.

Automático: determina automáticamente si el tamaño del archivo requiere barras de desplazamiento (valor predeterminado).

6 Bloquea el tamaño de la ventana dividida-noresize

6 Código de canción:

En este conjunto de códigos, ya sea mms.http.rtsp. o no, siempre que el sufijo sea asf, wma, wmv, wmv, rm, se puede aplicar el siguiente código:

1.Reproducción manual:

& ltembedded src. = dirección de la canción volumen = " 100 " ancho = 39 alto = 18 oculto = " falso " inicio automático = " fallo " tipo = " audio/x-pn-real audio-plugin " controles = " botón de reproducción " >>p>

2. Abra la página para reproducir automáticamente:

& ltembedded src = " dirección de la canción " ancho = " 39 " alto = " 18 " inicio automático = " verdadero " oculto = " falso " bucle = "infinite" align = " middle " volumen = " 100 " tipo = " audio/x-pn-real audio-plugin " controles = " botón de reproducción " inicio automático = " true "

-

Código de aplicación:

& ltdiv align="center " >

& lttable border = " 1 " ancho = " 90% " alto = " 403 " fondo = "Dirección de la imagen de fondo" >>p>

& lttr & gt& ltTD width = " 80% " height = " 100% " & gt;

& ltp align="center " >& ltbr & gt& ltbr & gt& ltbr & gt

& ltFont face= "中国彩云" size = " 6 " color = " # FFFFFF " & gtNombre de la canción o música

& ltp align= "center " >& ltImg src= "Dirección de imagen" > & ltbr & gt& ltbr & gt

& ltfont color="#FFFFFF" size=3>.

Texto de introducción

& ltembedded style = " filter:Xray()" src = dirección de música ancho = 250 alto = 30 tipo = audio/x-ms-WMA inicio automático = " true " loop = "-1 " > & lt;br & gt& ltbr & gt& ltbr & gt

& lt/TD & gt;& lt/tr & gt;

& lt/table & gt;

& lt/div & gt;

Descripción detallada del código de aplicación simple:

& ltdiv align="center " >Es para definir la posición en el center;

& lttable border = " 1 " ancho = " 90% " alto = " 403 " fondo = "Dirección de la imagen de fondo " > & lttr & gt& ltTD ancho = " 80% " alto = " 100 % " & gt;

Entre ellos, border="1 "define el ancho del borde de la tabla. Si se define como 0, no habrá borde; Ancho="90%" height=" 403 "define el ancho de la tabla del gráfico de fondo respectivamente. y la altura. Si la imagen de fondo es una imagen grande, se puede definir así: ancho = ancho de la imagen alto = alto de la imagen.

& ltp align="center " >& ltbr & gt& ltbr & gt& ltbr & gt& ltFont face= "中国彩云" size = " 6 " color = " # FFFFFF " & gtNombre de la canción o música< / p>

& ltp align="center " >Define si el texto está centrado,

& ltp align="center " >& ltImg src= "Dirección de la imagen" > & ltbr & gt& ltbr & gt& ltfont color = " # FFFFFF " & gtTexto de introducción

El código en el primer paréntesis aún define el centro de la imagen y el texto. & ltImg src= "Dirección de la imagen" >Inserte el código de la imagen. <font color="#FFFFFF" tamaño=3>. Texto de introducción

& ltembedded style = " filter:Xray()" src = dirección de música ancho = 250 alto = 30 tipo = audio/x-ms-WMA inicio automático = " true " loop = "-1 "

Esta sección es para insertar el código del reproductor, porque inserté un reproductor especial, style="FILTER: xray()" es un código especial. "src=dirección de música" es la dirección donde se inserta el archivo de música. Ancho = 250 alto = 30 define el ancho y el alto del reproductor respectivamente (si tanto el ancho como el alto se establecen en cero, están ocultos y solo pueden reproducirse automáticamente). Autostart="true" loop="-1" define el modo de reproducción de música, Autostart="true" establece la reproducción manual o automática, "true" o "1" significa reproducción automática, "false" o "0" significa reproducción manual; Loop ="-1" es el número de veces que se reproducirá, "true" o "1" significa reproducción repetida, "false", "-1" o "0" significa que solo se reprodujo una vez.

& ltbr & gt& ltbr & gt& ltbr & gt& lt/TD & gt; & lt/tr & gt; & lt/table & gt & lt/div & gt; código fijo.

& ltembedded style = " filter:Xray()" src = dirección de música ancho = 250 alto = 30 tipo = audio/x-ms-WMA inicio automático = " true " loop = "-1 " >

Esta sección es para insertar el código del reproductor, porque inserté un reproductor especial, style="FILTER: xray()" es un código especial. "src=dirección de música" es la dirección donde se inserta el archivo de música. Ancho = 250 alto = 30 define el ancho y el alto del reproductor respectivamente (si tanto el Ancho como el alto se establecen en cero, están ocultos y solo pueden reproducirse automáticamente). Autostart="true" loop="-1" define el modo de reproducción de música, Autostart="true" establece la reproducción manual o automática, "true" o "1" significa reproducción automática, "false" o "0" significa reproducción manual; Loop ="-1" es el número de veces que se reproducirá, "true" o "1" significa reproducción repetida, "false", "-1" o "0" significa que solo se reprodujo una vez.

& ltbr & gt& ltbr & gt& ltbr & gt& lt/TD & gt; & lt/tr & gt; & lt/table & gt; código fijo.