1. Etiqueta de título
<hn align = "Alignment"> Texto del título </ hn>
align value value:
| izquierda | El texto del título se deja alineado |
|---|---|
| derecho | El texto del título tiene |
| centrar | Centro de texto del título alineado |
2. Marca de párrafo
<p align = "Alignment"> Texto de párrafo </ p>
alinear valor de atributo
| izquierda | Párrafo alineado a la izquierda |
|---|---|
| derecho | Párrafo alineado a la derecha |
| centrar | Alinear párrafos |
3. Marca de línea horizontal
<hr attribute = "attribute value" /> <hr /> es una sola etiqueta
<hr /> atributos comunes
| Nombre del atributo | Significado | Valor de atributo |
|---|---|---|
| alinear | Establecer la alineación de la línea horizontal. | Puede elegir tres valores de izquierda, derecha, centro, el valor predeterminado es centro, alineación central |
| Talla | Establecer el grosor de la línea horizontal | En píxeles, el valor predeterminado es 2 píxeles |
| color | Establecer el color de la línea horizontal. | Nombres de colores disponibles, hex # RGB, rgb (r, g, b) |
| anchura | Ancho de línea horizontal | Puede ser un valor de píxel determinado o un porcentaje de la ventana del navegador, el valor predeterminado es 100% |
4. Marca de salto de línea
En HTML, el texto en un párrafo se organizará de izquierda a derecha, conocerá el extremo derecho de la ventana del navegador y luego se ajustará automáticamente. Si desea forzar que se muestre una determinada línea de texto, debe usar una etiqueta de salto de línea <br />, que es si no parece ingresar directamente el salto de línea en la palabra.
<br /> Aunque la marca puede lograr el efecto de saltos de línea, no reemplaza la marca estructural <p>, <h>
Etiqueta de estilo de texto
<font attribute = "attribute value"> contenido de texto
| Nombre del atributo | Significado |
|---|---|
| cara | Establecer la fuente del texto, como Microsoft Yahei, Heiface, Arial |
| Talla | Establezca el tamaño del texto, puede tomar un valor entero entre 1-7 |
| color | Establecer el color del texto |
Por ejemplo:
<p> <font size="2" color="blue">我是二号蓝色文本</font></p>
<p> <font size="5" color="red">我是五号红色文本</font></p>5. Etiquetas de formato de texto
<center>常用文本格式化标记
| Marca | Efecto de visualización |
|---|---|
| <br> </ br> 和 <fuerte> </ fuerte> | El texto se muestra en negrita. |
| <i> </ i> 和 <em> </ em> | El texto se muestra en cursiva. |
| <s> </ s> 和 <del> </ del> | El texto se muestra con tachado |
| <u> </ u> 和 <ins> </ ins> | El texto está subrayado. |
<p>我是正常的文本 </p>
<p><strong>我是使用strong 标记加粗的文本</strong></p>
<p><em>我是使用em 标记倾斜的文本</em></p>
<p><del>我是使用del标记带删除线的文本</del></p>
<p><ins>我是使用ins标记带下划线的文本</ins></p>6. Marcas especiales de caracteres
| Carácter especial | Descripción | Código de personaje |
|---|---|---|
| Personaje espacial | & nbsp; | |
| < | Menos de | & lt; |
| > | Mayor que | & gt; |
| Y | Ampersand | & amp; |
| ¥ | Yuan chino | & yen; |
| © © | Derechos de autor | &Copiar ; |
| ® | Marca registrada | & reg; |
| ° | Celsius | & deg; |
| ± | Letrero | & plusmn; |
| × | Multiplicar | & times; |
| ÷ | Signo de división | &dividir ; |
| ² | Superíndice 2 | & sup2; |
| ³ | Superíndice 3 | & sup3; |
7. Etiquetado de imágenes
<img src = "URL de imagen" /> El
atributo src en la sintaxis se usa para especificar la ruta y el nombre del archivo de imagen, es un atributo obligatorio de la etiqueta img
| Atributos | Valor de atributo | Descripción |
|---|---|---|
| src | URL | Ruta de la imagen |
| alt | Texto | Texto de reemplazo cuando la imagen no se puede mostrar |
| título | Texto | Contenido realista cuando se cierne |
| anchura | Píxeles (XHTML no admite% porcentaje de página) | Establecer el ancho de la imagen |
| altura | Píxeles (XHTML no admite% porcentaje de página) | Establecer la altura de la imagen |
| frontera | Números | Establecer el ancho del borde de la imagen |
| vspace | Píxel | Establecer los márgenes superior e inferior de la imagen (márgenes verticales) |
| hspace | Píxel | Establecer los márgenes izquierdo y derecho de la imagen (margen horizontal) |
| alinear | izquierda | Alinear imagen a la izquierda |
| alinear | derecho | Alinear la imagen a la derecha. |
| alinear | parte superior | Alinee la parte superior de la imagen con la primera línea de texto y el otro texto debajo de la imagen. |
| alinear | midddle | Alinee la línea central horizontal de la imagen con la primera línea de texto y el otro texto debajo de la imagen. |
| alinear | fondo | Alinee la parte inferior de la imagen con la primera línea de texto y el otro texto debajo de la imagen. |
Camino relativo y camino absoluto
- 绝对路径
绝对路径一般指带有盘符的路径，
例如：“D\HTML+CSS网页制作\chapter02\img\logo.gif",
或者是完整的网络地址，
例如：”http:\www.itcast.cn/images/logo.gif"。 - 相对路径
①图像文件和html文件位于同一个文件夹：只需要输入图像文件的名称即可，
如<img src=“logo.gif”/ >
② 图像文件位于html文件的下一级文件夹：输入文件夹的名和文件名，文件间用"/“隔开，
如<img src=“img/img01/logo.gif”/ >
③图像文件位于html文件的上一级文件夹：在文件名之前加入“…/”，如果上上两级，则需要使用”…/…/" ，以此类推，如<img src="…/logo.gif"/ > 。
