Códigos HTML de uso común
Explicación de códigos HTML de uso común
1. Texto
1 Título textlt;h#gt;..........lt. ; /h#gt; #=1~6; h1 es la fuente más grande, h6 es la fuente más pequeña
2. fontgt;
1Tamaño de fuentelt; tamaño de fuente=#gt;..........lt;/fontgt; Cuanto mayor sea el número, más grande será la fuente
1 p>
2Especifique el tipo de fuentelt; font face="font name"gt;..........lt;/fontgt
3 Color de fuentelt; .......lt;/fontgt;
rr: indica código de color rojo (rojo)
gg: indica código de color verde (verde)
bb: código de color azul
rrggbb también puede usar números de código de color de 6 dígitos
3. Mostrar fuente pequeña lt.... ..... lt;/smallgt;
4. Mostrar palabras en negritalt;biggt;..........lt;/biggt;
5. .........lt;/bgt;
6. Cursivalt;igt;..........lt;/igt;
7. . Fuente de máquina de escribir lt; ttgt;.......... lt;/ttgt;
9. Tachadolt;strikegt;.......lt;/strikegt;
10. subgt; .lt; /subgt;
11. Superíndice supgt; .........lt; /supgt;
12. .........lt;/blinkgt;
13. Avance de línea (también llamado retorno de carro) lt; brgt;
14. Segmentación lt; /p>
15. Dirección de alineación del texto lt; p align="#"gt; # puede ser a la izquierda: dirección de la tabla Alineada a la izquierda (valor predeterminado) centro: alinear la tabla al centro derecha: alinear la tabla a la derecha P.S.lt; p align="#"gt; El siguiente texto se mostrará en la alineación establecida hasta que aparezca otro lt; p align cambia su dirección de alineación y volverá automáticamente a la alineación izquierda predeterminada cuando se encuentre. la etiqueta lt; hrgt;
16. Línea de separación lt; hrgt;
1 El grosor de la línea de separación lt; hr size=points gt; line lt; hr size=points or percentsgt;
3 dirección de alineación del divisor; hr align="#"gt
El número # se puede dejar: la tabla está alineada con el izquierda (valor predeterminado) centro: alinear la tabla al centro derecha: alinear la tabla a la derecha
4 Color de la línea divisoria lt hr color=#rrggbbgt
5; Línea divisoria sólida lt; hr noshadegt;
17. Alineación central;..........lt;/centergt;
18. .... según el estilo original ......lt;/pregt;
19.lt;bodygt;Atributos del comando
1Color de fondo--bgcolor. lt;body bgcolor=#rrggbbgt;
p>2 Patrón de fondo - fondo lt; body background="nombre de archivo gráfico" gt
3 Configure el patrón de fondo para que no se desplace; -- bgproperties lt; body bgproperties=fixedgt;
4 El color del texto del contenido del documento-- text body text=#rrggbbgt; -- link lt; body link=#rrggbbgt;
6El color del texto del hipervínculo que se selecciona--vlink lt;body vlink=#rrggbbgt
7El color del texto del hipervínculo que ha sido vinculado--alink lt;body alink=#rrggbbgt;
20 comando de movimiento de texto;........lt;/MARQUEEgt;
El comando de velocidad de movimiento es: scrollAmount=# #El 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.
Ejemplo de comando: lt; MARQUEE scrollAmount=3 dirección=upgt;....lt;/MARQUEEgt;
2. Insertar imagenlt; img src="nombre de archivo gráfico"gt;
2. Establezca el marco de la imagen--border lt; >3. Establezca el tamaño del gráfico: ancho, alto lt; img src="nombre del archivo gráfico" ancho=puntos de ancho alto=puntos de alto gt
4. Deje los espacios izquierdo y derecho en blanco: vspace, hspace lt; img src="nombre de archivo gráfico" vspace = número de puntos en blanco izquierdo y derecho hspace = número de puntos en blanco izquierdo y derecho gt; notes lt; img src="Nombre del archivo de gráficos" alt="descripción"gt;
6. Precargar imágenes
lt; img src="Nombre del archivo de gráficos de alta resolución" lowsrc; ="Nombre del archivo de gráficos de baja resolución "gt; P.D. Los tamaños de los gráficos de las dos imágenes deben ser iguales
7. del gráfico"gt ; lt; map name="map name"gt;
lt; area shape=shape coords=área lista de coordenadas href="URL del punto de conexión"gt;
lt ; área forma=forma coords=lista de coordenadas de área href="URL del punto de conexión"gt;
lt; área forma=forma coords=lista de coordenadas de área href="URL de la conexión punto"gt;
lt; área forma=forma coords=lista de coordenadas del área href="URL del punto de conexión"gt; lt;/mapgt;
1Definir forma--forma
forma=rect: rectángulo forma=círculo: círculo forma=poli: polígono
2 Definir área - coordenadas
Rectángulo: deben ser cuatro números. utilizado, 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: lt; forma del área=rect coords=100, 50, 200 , 75 href="URL"gt;
b. Círculo: se deben usar tres números, los dos primeros números son las coordenadas del centro del círculo y el último número es la longitud del radio.
p>Ejemplo: lt; forma del área=coords del círculo =85, 155, 30 href="URL"gt;
c. de la forma en orden
Ejemplo: lt ; area shape=poly coords=232, 70, 285, 70, 300, 90, 250, 90, 200, 78 href="URL"
3. Relacionado con la tabla
1 .Título de la tabla
lt;captiongt;..........lt;/captiongt
lt ;caption 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 columna tr;
gt;
3. Defina el campo "1"lt; tdgt;: alineación izquierda
"2"lt;: alineación central ii negrita
1 Posición horizontal: alinear lt;th align="#"gt;
# puede ser a la izquierda: alinear a la izquierda centro: alinear al centro derecha: alinear a la derecha
2 posición vertical - alinear lt; align="#"gt; # puede ser
arriba: alinear hacia arriba medio: alinear hacia el medio abajo: alinear hacia abajo
3 columnas ancho-- ancho lt; th ancho= puntos o porcentaje gt;
Fusión vertical de 4 columnas--rowspan lt; th rowspan= número de columnas a fusionar
5; fusión horizontal de columnas--colspan lt; th colspan = número de columnas a fusionar;
4. Atributos principales de la tabla
1. p>
align define la alineación de la tabla. Hay tres valores de atributo: centro, izquierda y derecha.
background define el patrón de fondo de la tabla. image.
bgcolor define el color de fondo de la tabla, el valor del atributo es varios códigos de color
border define el ancho del borde de la tabla, el valor del atributo es un número
bordercolor define el color del borde de la tabla, el valor del atributo es 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 las celdas de la tabla
la altura define la altura de la tabla, el valor del atributo es un número
el ancho define el ancho de la tabla, el el valor del atributo es un número
2. lt; trgt; marca, la tabla se compone de varias filas. Compuesta de varias columnas, la etiqueta lt;trgt; se utiliza para definir una fila en la tabla. y los valores de los atributos definen la fila en la tabla. Sus principales atributos y valores de atributos son los siguientes:
align definición Alineación, los valores de los atributos son los mismos que los anteriores
lt; Los contenidos resumidos con la marca lt; tdgt; representan las unidades de la tabla.
Sus atributos principales y valores de atributos son los mismos que los marcados con lt;tablegt;, y se agregan dos códigos para fusionar columnas y filas:
colspan define el número de columnas de 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
5. Comando de ventana dividida lt; framesetgt; .........lt ;/framesetgt;
1 División vertical (arriba y abajo) - filas
lt; =#gt; # pueden ser puntos:
Si desea dividir en tres ventanas de 100, 200, 300, entonces lt;frameset rows=100, 200, 300gt;; También se puede representar con un *, como lt;frameset rows=*, 500, *gt;
Porcentaje: como lt;frameset rows=30, 70gt;, la suma de cada elemento es preferiblemente 100;
2 divisiones horizontales (izquierda y derecha)--cols lt;frameset cols=points O porcentaje gt;
2.
lt;frameset cols=30, 70gt; lt;framegt; lt;framegt; lt;/framesetgt ;
1 Especifique el nombre del archivo de la ventana: src lt; src=nombre de archivo HTML gt;
2 Defina el nombre de la ventana-- nombre
lt ;frame name=nombre de la ventana
3Establezca la distancia entre el documento y los bordes superior e inferior--marginheight
lt;frame marginheight=pointsgt
4 Establece la distancia entre el documento y los bordes izquierdo y derecho--marginwidth
lt; frame marginwidth=pointsgt;
5 Establece el desplazamiento de la ventana dividida: el desplazamiento
lt ;frame scrolling=#gt # puede ser sí: aparecen desplazamientos fijos
no: los desplazamientos no aparecen
auto: determina automáticamente si el tamaño del archivo requiere desplazamientos (valor predeterminado)
6 Bloquea el tamaño del ventana dividida: noresize lt; frame noresizegt;
6. Código de canción:
En este conjunto de códigos, no te preocupes. Es mms.http.rtsp. siempre que el sufijo sea asf, wma, wmv, wmv, rm, se puede aplicar el siguiente código:
1. Reproducción manual:
lt; volumen="100" ancho=39 alto=18 oculto="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controles="PlayButton"gt
2. Abra la página para reproducir automáticamente:
lt; EMBED src="song address" width="39" height="18" autostart="true" oculto="false" loop="infinite" align= "medio" volumen="100" tipo="aud
io/x-pn-realaudio-plugin" controles="PlayButton" autostart="true"gt;
--------------------- ---------------------------------------
Aplicar código:
lt;div align="center"gt;
lt;table border="1" width="90" height="403" background=" Dirección de la imagen de fondo "gt;
lt; trgt; lt; td width="80" height="100"gt;
lt; p align="center"gt; lt ;brgt;lt;brgt;lt;brgt;
lt;font face="华文彩云" size="6" color="#FFFFFF"gt;Nombre de la canción o músicalt;/fontgt;lt ; brgt;lt;brgt;
lt;p align="center"gt;lt;img src="dirección de imagen"gt;lt;brgt;lt;brgt;
lt ; font color="#FFFFFF" size=3gt;Texto de introducción;/fontgt;lt;brgt;lt;brgt;lt;brgt;
lt;EMBED style="FILTRO: xray() " src =Dirección de música ancho=250 alto=30 tipo=audio/x-ms-wma autostart="true" loop="-1"gt;lt;brgt;lt;brgt;lt;brgt;
lt;/tdgt;lt;/trgt;
lt;/tablegt;
lt;/divgt;
Detalles del código de aplicación simple:
p>lt; div align="center"gt; es para definir la publicación que se centrará;
lt; table border="1" width="90" height="403" background; ="fondo de imagen Dirección "gt;lt;trgt;lt;td width="80" height="100"gt;
El borde="1" define el ancho del borde de la mesa Definido como. 0, no hay borde. La línea width="90" height="403" define respectivamente el ancho y el alto de la tabla de la imagen de fondo. Si la imagen de fondo es una imagen grande, se puede definir así: ancho = imagen. ancho alto = alto de la imagen
lt ;p align="center"gt;lt;brgt;lt;brgt;lt;brgt;lt;font face="Chinese Caiyun" size="6" color= "#FFFFFF"gt;Nombre de la canción o músicalt;/ fontgt;lt;brgt;lt;brgt;
lt;p align="center"gt; define el texto que se centrará, lt;brgt; es el código de retorno de la línea; agregar algunas dará como resultado líneas vacías. lt; font face="华文彩云" size="6" color="#FFFFFF"gt; face="Caiyun" es una fuente definida. Puede cambiar la fuente al guión oficial, estilo de canción, etc. size="6" define el tamaño de fuente. Cuanto mayor sea el número, más grande será la fuente. Si no está definido, el tamaño predeterminado es 2.
color="#FFFFFF" define el color de fuente. Alguien ha publicado los códigos para todos los colores de fuente en el Área de decoración de Miaoshou. Puedes encontrarlos y cambiarlos.
lt;p align="center"gt;lt;img src="dirección de imagen"gt;lt;brgt;lt;brgt;lt;font color="#FFFFFF"gt;Texto de introducción ; /fontgt;lt;brgt;lt;brgt;lt;brgt;
El código en el primer paréntesis aún define el centrado de imágenes y texto. lt; img src="dirección de imagen" gt; es el código para insertar la imagen. lt;font color="#FFFFFF" size=3gt;El texto de introducción lt;/fontgt;define este texto. Si desea cambiar la palabra giro ⒆痔濉⒆ ¿realmente vale la pena? 火狐昘夏婖 refutación médica mu ㄒ宸 pepperā?/fontgt;
lt;EMBED style="FILTER: xray() " src= Dirección de música width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"gt;
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 el ancho y el alto se establecen en cero, se ocultará y solo podrá reproducirse automáticamente). autostart="true" loop="-1" es para definir el método de reproducción de música, autostart="true" es para configurar la reproducción manual o automática, "true" o "1" es para reproducir automáticamente, "false" o "0 " es reproducción manual; loop="-1" es el número de reproducciones, "verdadero" o "1" significa reproducción repetida y "falso" "-1" o "0" significa que solo se jugó una vez.
lt;brgt;lt;brgt;lt;brgt;lt;/tdgt;lt;/trgt;lt;/tablegt;lt;/divgt;El código lineback y el código fijo correspondiente al anterior uno.
lt;EMBED style="FILTRO: xray()" src=Dirección de música ancho=250 alto=30 tipo=audio/x-ms-wma autostart="true" loop="-1"gt ;
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 el ancho y el alto se establecen en cero, se ocultará y solo podrá reproducirse automáticamente). autostart="true" loop="-1" es para definir el método de reproducción de música, autostart="true" es para configurar la reproducción manual o automática, "true" o "1" es para reproducir automáticamente, "false" o "0 " es reproducción manual; loop="-1" es el número de reproducciones, "verdadero" o "1" significa reproducción repetida y "falso" "-1" o "0" significa que solo se jugó una vez.
lt;brgt;lt;brgt;lt;brgt;lt;/tdgt;lt;/trgt;lt;/tablegt;lt;/divgt;El código lineback y el código fijo correspondiente al anterior uno.