Una página web estática se refiere a una página web generada por la interpretación y ejecución del navegador, y sus principales tecnologías de desarrollo son HTML, CSS y JavaScript.
HTML: Hypertext Markup Language, el principal lenguaje de marcado utilizado para escribir páginas web en Intenret, responsable de la expresión básica de las páginas web.
CSS: denominado hoja de estilo para abreviar, es un lenguaje informático que se utiliza para agregar estilos (fuentes, espaciado, fondo, etc.) a documentos estructurados (como documentos HTML) y es responsable de embellecer las
páginas.
JavaSript: es un lenguaje de scripting descriptivo responsable de la interacción entre el servidor y el cliente.
Estructura básica del archivo HTML
<html>//根控制标记(头)
<head>//头控制标记(头)
...
</head>头控制标记(尾)
<body>
...网页显示区域(一般要实现的代码都在这里写)
</body>
</html>//根控制标记(尾)
Etiquetas HTML comunes
1. Salto de línea </ br>
2.
Formato de párrafo :
<p> El contenido del párrafo </ p>
<p align = "alineación"> ... </ p>
Nombre del
atributo alinear el valor del atributo a la izquierda (texto alineado a la izquierda, predeterminado), centro (alinee el texto en el centro), derecha (alinee el texto a la derecha)
3. Línea recta horizontal <hr>
nombre del atributo valor del atributo
tamaño píxel px / porcentaje% (cuanto mayor sea el valor del atributo, más gruesa
será la línea) ancho píxel px (configuración absoluta, la longitud no Cambio en respuesta al cambio
de la ventana)
%% ( configuración relativa, la longitud cambiará con el ancho de la ventana) noshade (línea física)
4. Configuración de texto y color de fondo
< body bgcolor="背景色" text="文字颜色" >
Márgenes y espaciado de línea de la página general
< body leftmargin="像素px" topmargin="像素px" >
5. Configuración del texto del título
<h1>… </ h1>
<h2>… </ h2>
<h3>… </ h3>
<h4>… </ h4>
<h5>… </ h5>
<h6>… < / h6> El tamaño de fuente de <h1> a <h6> cambia de grande a pequeño.
6. Marca de control de carácter físico
<b>...</b>粗体
<i>...</i>斜体
<s>...</s>删除线
<u>...</u>下划线
<sub>...</sub>下标(化学元素:二氧化碳等)
<sup>...</sup>上标(数学中:幂,平方等)
7.
Formato rodante :
<marquee> ... </marquee>
Dirección: <direction = #>
# = izquierda, derecha, arriba, abajo (representando arriba, abajo, izquierda, derecha)
p. Ej .: moverse de derecha a izquierda
<marquee direction=left></marquee>
Way <bihavior = #>
# = desplazarse, deslizarse, alternar (desplazamiento cíclico, desplazarse solo una vez, desplazarse alternativamente hacia adelante y hacia atrás),
por ejemplo:
<marquee behavior=scroll></marquee>
<marquee behavior=slide></marquee>
<marquee behavior=alternate></marquee>
Tiempos de rotación <loop = #>
# = veces (el valor es un número entero) si no se especifica, el ciclo no se detendrá (infinito),
por ejemplo:
<marquee loop=3 width=50% behavior=scroll></marquee>
<marquee loop=3 width=50% behavior=slide></marquee>
<marquee loop=3 width=50% behavior=alternate></marquee>
Velocidad <scrollamount = #>
(El valor de scrollamount es la longitud de cada movimiento del texto, en píxeles)
<marquee scrollamount=15></marquee>
Retraso <scrolldelay = #> La unidad es milisegundos,
por ejemplo:
<marquee scrolldelay=50 scrollamount=100></marquee>
8. Control de carácter semántico
<address>…</address> 地址
<del>…</del> 删除(删除线)
<ins>...</ins> 修改(下滑线)
<strong>…</strong> 加强语气(加粗)
<em>...</em> 加强语气(倾斜)
9. Formato
<pre>...</pre>
10. Área <altura = # ancho = #>
<marquee height=40 width=50% bgcolor=aaeeaa></marquee>
11. Color de fondo <bgcolor = #>
# = número hexadecimal o color predefinido: negro, verde oliva, verde azulado, rojo, azul, fucsia, blanco, verde, morado, plateado, amarillo, aguamarina
<marquee bgcolor=aaaaee></marquee>