Conceptos básicos del front-end web: el uso de etiquetas HTML básicas comunes

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>

Supongo que te gusta

Origin blog.csdn.net/haha_7/article/details/108858259
Recomendado
Clasificación