Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Vista: 14116|Respuesta: 1

[HTML/HTML5] Resumen de aprendizaje de idiomas HTML en HTML: HTML (imprescindible para principiantes)

[Copiar enlace]
Publicado en 22/12/2014 23:05:45 | | |


Una compilación de código común

1. Texto del título <h#>......</h#> #=1~6; h1 es la palabra más grande, h6 es la palabra más pequeña

2. Cambios de fuente <font>......</font>

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

[2] Especifica la fuente <font face="font name">......</font>

[3] Color del texto <color de fuente=#rrggbb>......</font> rr: Código de color rojo de la tabla gg: Código de color verde de la tabla BB: Código de color azul de la tabla

3. Mostrar <small>......</small> de letra pequeña

4. Mostrar fuentes <big>grandes ......</big>

5. <b>En negrita ......</b>

6. <i>Cursivas ......</i>

7. <tt>......</tt> de tipografía de máquina de escribir

8. <u>Resumen ......</u>

9. Eliminación <strike>......</strike>

10. <sub>Subíndice ......</sub>

11. <sup>Etiqueta ......</sup>

12. Efecto de parpadeo <blink>de texto ......</blink>

13. <br>Saltos de línea

14. <p>Segmentación

15. Dirección de alineación del texto <p align="#"> #号可为 izquierda: Tabla alineada a la izquierda (valor por defecto) centro: Tabla alineada al centro derecho: Tabla alineada a la derecha P.D.<p align="#"> El texto posterior se mostrará en el conjunto de alineación hasta

Aparece otro <p align="#" > cambiar la dirección de su alineación, y cuando encuentra <hr>una etiqueta <h#>, automáticamente se restablece a la alineación predeterminada a la izquierda.

16. Divisores <hr>

[1] El grosor del divisor <tamaño de horas = el número de puntos>

[2] Ancho del divisor <tamaño de horas=número de puntos o porcentaje>

[3] Dirección de alineación del divisor <hr align="#"> #号可为 izquierda: Tabla alineada a la izquierda (valor por defecto) centro: Alineada al centro derecho: Alineada a la derecha

[4] El color del divisor <hr color=#rrggbb>

[5] Divisor sólido < horas sin sombra>

17. Alineación centrada <center>......</center>

18. <pre>Exhibir ......</pre> en el estilo original

19. <body>Atributos de las instrucciones

[1] Color de fondo -- bgcolor <cuerpo bgcolor=#rrggbb>

[2] Patrón de fondo -- fondo <cuerpo fundo="nombre del archivo gráfico">

[3] Establecer el patrón de fondo no se desplazará -- bgproperties <body bgproperties=fixed>

[4] El color del texto en el contenido del archivo -- texto <texto del cuerpo=#rrggbb>

[5] Color de texto de hipervínculo -- enlace <enlace del cuerpo=#rrggbb>

[6] El color del texto del hipervínculo seleccionado -- vlink <cuerpo vlink=#rrggbb>

[7] El color del texto hiperenlazado -- alink <cuerpo alink=#rrggbb>

1. Imágenes

1. Insertar la imagen <img src="nombre gráfico del archivo" >

2. Establecer el marco -- borde <img src="nombre del archivo gráfico" borde=puntos>

3. Establecer el tamaño del gráfico -- ancho, altura <img src="nombre del archivo de dibujo" ancho = ancho puntos de ancho altura = puntos de altura>

4. Configura el gráfico para dejar espacio arriba y abajo, izquierda y derecha, izquierda y derecha, -- vspace, hspace <img src="nombre del archivo gráfico" vspace=arriba y abajo puntos de espacio hspace=puntos en blanco izquierdo y derecho>

5. Notas gráficas <img src="nombre del archivo gráfico" alt="pie de foto">

6. Precarga las imágenes

<img src="nombre del archivo gráfico de alta resolución" lowsrc="nombre del archivo gráfico de baja resolución"> P.D. El tamaño gráfico de los dos gráficos debe ser el mismo

7. Mapa de imagen <img src="Nombre del archivo gráfico" usemap="#图的名称"> <nombre del mapa="Nombre de la imagen">

<área forma=coordenadas de forma=lista de coordenadas de área href="URL del punto de enlace">

<área forma=coordenadas de forma=lista de coordenadas de área href="URL del punto de enlace">

<área forma=coordenadas de forma=lista de coordenadas de área href="URL del punto de enlace">

<área forma=coordenadas de forma=lista de coordenadas de área href="URL del enlace"> </map>

[1] Define la forma -- forma

forma=rectángulo:forma rectangular=círculo:forma de círculo=poli:poli:poli

[2] Define la región -- coordenadas

a. Rectángulo: Se deben usar cuatro números: los dos primeros son las coordenadas superior izquierda y los dos últimos son las coordenadas inferiores derechas

Por ejemplo: <área forma=coordenadas rectas=100,50,200,75 href="URL">

b. Círculo: Se deben usar tres números: los dos primeros son las coordenadas del centro del círculo y el último número es la longitud del radio

Por ejemplo, <área forma=coordenadas de círculo=85,155,30 href="URL">

c. Cualquier figura (polígono): Rellena las coordenadas de cada punto de inflexión de la figura en orden

Por ejemplo: <área forma=poli coordenadas=232,70,285,70,300,90,250,90,200,78 href="URL"

2. Relacionado con la tabla

1. Título de la tabla

<caption>......</caption>

Posición del encabezado de tabla -- alinear

<pie de foto align="#"> #号可为 arriba: El título de la tabla se coloca encima de la tabla (valor por defecto)

abajo: El título de la tabla está situado debajo de la tabla

2. Definir <tr>columnas

3. Definir la columna 《1》<td>: Alinear hacia la izquierda

《2》<th>: Align ii. bold

[1] Posición horizontal -- alinear <th align="#">

#号可为 izquierda: Alinear a la izquierda

centro: Alinear al centro Derecha: Alinear a la derecha

[2] Posición vertical -- alinear <th align="#"> #号可为

arriba: Alinear hacia arriba en el centro: Alinear hacia el centro

abajo: Alinear hacia abajo

[3] Ancho de columna -- ancho

< ancho = número de puntos o porcentaje>

[4] Fusión vertical de columnas -- envergadura de filas

< rowspan=Quiero fusionar el número de columnas >

[5] Fusión horizontal de columnas -- colspan

< colspan=quiero fusionar el número de columnas>

3. MARCO

1. Comando de ventana <frameset>dividida ......</frameset>

[1] División vertical (arriba/abajo) -- filas

<filas del conjunto de marcos=#> #号可为点数: Si quieres dividirlo en tres ventanas, 100, 200, 300, entonces

<filas del conjunto de marcos=100.200.300>; También puede representarse mediante un signo *, como <filas del frameset=*,500,*>

Porcentaje: Por ejemplo< filas de frameset = 30%, 70% >, la suma de cada elemento debería ser 100%

[2] División horizontal (izquierda/derecha) -- cols <frameset cols=puntos o porcentaje>

2. Especificar el contenido de la ventana <frame>--

<frameset cols=30%,70%> <frame> <frame> </frameset>

[1] Especifica el nombre del archivo de la ventana -- src <frame src=nombre de archivo HTML>

[2] Define el nombre de la ventana — nombre

<nombre del fotograma=nombre de la ventana>

[3] Fija la distancia entre el archivo y los bordes superior e inferior -- marginheight

<margen de fotograma, altura=número de puntos>

[4] Fija la distancia entre el archivo y los bordes izquierdo y derecho -- margen width

<margen de fotograma=número de puntos>

[5] Configurar el desplazamiento de ventana dividida -- desplazamiento

<desplazamiento por fotogramas=#> #号可为 sí: Reels de desplazamiento fijos

no: No aparece ningún desplazamiento automático: Determinar automáticamente si el tamaño del archivo es necesario para desplazarse (valor por defecto)

[6] Bloquea el tamaño de la ventana dividida — tamaño noresize <tamaño noresize>

Traducción de tipo de marca o función de significado Observaciones

Etiquetado de archivos

<HTML> ● Declaración de archivo Informa al navegador de que se trata de un archivo HTML

<HEAD> ● Comienzo Proporciona la información general del documento

<TITLE> ● Título Define el título del archivo, que se mostrará en la parte superior del examen

<BODY> ● Este artículo diseña el formato de archivo y el contenido del texto

Marca tipográfica

<!-- Notas --> ○ Marca de descripción Añadir una descripción al archivo, pero no se muestra

<P> ○ Marcado de párrafo Deja una línea en blanco entre palabras, dibujos, tablas, etc

<BR> ○ Marcas de ruptura de línea Hacen que las palabras, dibujos, tablas, etc. aparezcan en la siguiente línea

<HR> ○ Línea horizontal Insertar una línea horizontal

<CENTER> ● Centrado para mostrar palabras, dibujos, tablas, etc. en el centro Oposición

<PRE> ● El formato predefinido hace que el archivo se muestre según la disposición del código fuente

<DIV> ● Marcadores separados Establecen la colocación de palabras, dibujos, tablas, etc.

<STRONG> ● Acentuar el tono Produce el efecto de fuente negrita

<B> ● El marcado en negrita crea el efecto de negrita de la fuente

<EM> ● Las fuentes con marca de énfasis tienen un efecto cursivo

<I> ● Marcado cursivo La fuente tiene un efecto cursivo

<TT> ● Tipificando fuente Courier con el mismo ancho de letra

<U> ● Añade una línea de fondo Añade una línea de fondo en contra

<H1> ● La marca de título de primer nivel se vuelve más gruesa, grande y ancha, y el grado es inversamente proporcional al número de series

<H2> ● Los marcadores secundarios de título hacen que las fuentes sean más gruesas, grandes y anchas

<H3> ● Marcadores de título de tres niveles: Hacen que las fuentes sean más gruesas, grandes y anchas

<H4> ● Marcador de título de cuatro niveles para hacer la fuente más gruesa, grande y ancha

<H5> ● El marcador de título de cinco niveles hace que las fuentes sean más gruesas, grandes y anchas

<H6> ● Marcador de título de seis niveles para hacer la fuente más en negrita, más grande y más ancha

<FONT> ● Marcadores de glifos Coloca glifos, tamaños y colores contra ellos

<BASEFONT> ○ El marcador de glifo base pone todos los glifos, tamaños y colores opuestos

<BIG> ● Ampliación de la tipografía Haz que la fuente sea ligeramente más grande

<SMALL> ● Reducción de la fuente Haz que la fuente sea un poco más pequeña

<STRIKE> ● Dibujar una línea para eliminar Añadir un tachado a la fuente Oponerse

<CODE> ● La fuente del código del programa es ligeramente más ancha, como<TT>

<KBD> ● La fuente del teclado está ligeramente ensanchada, con un solo espacio en blanco

<SAMP> ● Ejemplo La fuente está ligeramente ensanchada, como<TT>

<VAR> ● Efecto itálico variable

<CITE> ● Citas biográficas con efecto cursivo

<BLOCKQUOTE> ● Fuente de indentación del bloque de texto de comillas

<DFN> ● Definición de predicado Efecto cursivo

<ADDRESS> ● Efecto cursivo del marcador de dirección






Anterior:Wireshark Network Analytics es así de fácil
Próximo:Herramienta de Ataque Anti-DDoS (D) de Linux DoS-Displate
Publicado en 25/12/2014 23:42:59 |
Tres días es un HTML un poco exagerado para ver y ver
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.

Mail To:help@itsvse.com