Hoy es el tercer día de mi estudio en LeByte Education. El contenido principal de hoy es dic, span, etiquetas de formato y etiquetas de HTML y CSS.
div y span
div
<div> es un elemento a nivel de bloque, generalmente usado junto con css para diseño.
La etiqueta <div> puede dividir el documento en partes independientes y diferentes. Se puede utilizar como una herramienta de organización estricta y no utiliza ningún formato asociado.
<div> es un elemento a nivel de bloque. Esto significa que su contenido inicia automáticamente una nueva línea. De hecho, el ajuste de línea es el único formato inherente a <div>. Se pueden aplicar estilos adicionales a través de la clase o id del <div>.
<div>content</div>Atributos comunes
| Atributos | valor | descripción |
|---|---|---|
| alinear | izquierda 、 derecha 、 centro | Especifica la alineación del contenido en el elemento div, que se puede reemplazar por estilos en el futuro |
lapso
La etiqueta <span> se usa para combinar elementos en línea en el documento y span no tiene un formato fijo. Cuando se le aplica un estilo, tendrá un cambio visual.
<span>content</span>Formateo de etiquetas
fuente
Especifique la fuente, el tamaño de fuente y el color de fuente del texto
pre
Definir texto con formato previo. El texto incluido en el elemento pre generalmente conserva espacios y nuevas líneas. Y el texto también se renderizará en fuente monoespaciada.
Etiqueta de texto
**<b>**（粗文本）、**<i>**（斜体文本）、**<u>**（下划线文本）、 <Del> (texto subrayado), <Sub> (texto en subíndice), <SUP> (texto en superíndice)
una etiqueta
La etiqueta <a> define un hipervínculo, que se utiliza para vincular de una página a otra.
El atributo más importante del elemento <a> es el atributo href, que indica la ubicación de destino del enlace. Al mismo tiempo, no hay ningún atributo href. El contenido de la etiqueta a no es diferente del texto normal y la función de hipervínculo se pierde.
Si desea saltar a la página actual, el valor de href es #. La página vinculada generalmente se muestra en la ventana del navegador actual, a menos que especifique otro destino (atributo de destino).
<a href="http://www.baidu.com">百度</a>Atributos comunes
| Atributos | valor | descripción |
|---|---|---|
| href | URL | La ubicación donde saltará la conexión puede ser otra página o la actual. |
| objetivo | _blank <br> _parent <br> self <br> top <br> Framename como el valor del nombre de la etiqueta a del ancla | Especifica dónde abrir el documento vinculado. <br> _blank: abre una nueva página para mostrar la página; <br> _self: la página actual se muestra para saltar a la página, el valor predeterminado. <br> _top: se utiliza para páginas con diseño de conjunto de marcos y desea cubrir toda la visualización de la página. <br> Nombre del marco: El nombre del marco aquí es diferente del valor anterior. El nombre específico del marco prevalecerá. Este valor indica que la página a conectarse se mostrará en el marco del nombre correspondiente después del salto. |
Realización del punto de anclaje
Utilice el atributo de nombre de la etiqueta a:
<a name="top"></a>Los atributos de identificación de las etiquetas generales: div id = "", a id = "", etc .:
<div id="top"></div>、<a id="top"></a>Posicionamiento del punto de anclaje
<a href="#top">返回首部</a>El tiempo vuela tan rápido que el tiempo de estudio de hoy está llegando a su fin, ¡duerma bien esta noche y prepárate para el estudio de mañana!