1. La composición del estándar Wed
incluye principalmente tres aspectos : estructura (Estructura), desempeño (Presentación) y comportamiento (Comportamiento)
| estándar | Descripción |
|---|---|
| Estructura (Estructura) | La estructura se utiliza para ordenar y clasificar los elementos de la página web. En esta etapa, aprendo principalmente HTML |
| Performance (presentación) | El rendimiento se utiliza para establecer el diseño, el color, el tamaño y otros estilos de apariencia de los elementos de la página web, principalmente en referencia a CSS. |
| Comportamiento (comportamiento) | El comportamiento se refiere a la definición del modelo de página web y la compilación de la interacción. En esta etapa, principalmente aprendo Javascript |
2. Etiquetas de formato de texto
<h1> </h1>Hay 6 etiquetas de encabezado y el tamaño se reduce gradualmente.
<p></p>Etiquetas de párrafo y etiquetas
<br />de salto de línea. Se trata de una sola etiqueta
<strong></strong>O <b></b>etiqueta en negrita. Se recomienda utilizar <strong>etiquetas
<em></em>o <i></i>inclinar. Se recomienda utilizar <em>etiquetas
<del></del>o <s></s>tachado. Se recomienda utilizar <del>etiquetas
<ins></ins>o <u></u>guiones bajos. <ins>Etiqueta recomendada
3. Etiqueta de la caja
<div>Y <span>no hay semántica, solo una caja, para contener contenido
Características:
<div>Las etiquetas se utilizan para el diseño, pero cada <div>etiqueta tiene su propia línea. Las
<span>etiquetas de caja grande se utilizan para el diseño y puede haber más de una en una fila <span>. Caja pequeña
4. Etiqueta de imagen
<img src="图像URL" />src es un atributo obligatorio (debe estar escrito). Esta es una etiqueta única.
Otros atributos (no es necesario escribir) el
texto alternativo es reemplazar el
título con texto cuando la imagen no se muestra. El texto de solicitud es para mostrar el texto cuando se coloca el mouse sobre la imagen. Los
píxeles de ancho establecen el ancho de la imagen y los
píxeles de altura establecen la imagen. El
píxel del borde de altura establece el grosor del borde de la imagen.
Por ejemplo:<img src="图像URL" alt="图像加载失败" title="提示文本" />
Nota:
(1) La etiqueta de la imagen puede tener varios atributos, que deben escribirse después del nombre de la etiqueta (src)
(2) Los atributos no están en orden, y el nombre y los atributos de la etiqueta, y los atributos y atributos están separados
por espacios (3) Los atributos toman el formato de pares clave-valor, es decir, el formato de clave = "valor", atributo = "valor de atributo"
Ruta relativa: la ruta del directorio establecida en función de la ubicación del archivo de referencia
| Clasificación de ruta relativa | símbolo | Descripción |
|---|---|---|
| Camino del mismo nivel | El archivo de imagen está al mismo nivel que el archivo HTML, como<img src="baidu.gif" /> |
|
| Camino del siguiente nivel | / |
El archivo de imagen se encuentra en el siguiente nivel del archivo HTML, como<img src="images/baidu.gif" /> |
| Camino de nivel superior | ../ |
El archivo de imagen se encuentra un nivel por encima del archivo HTML, como<img src="../baidu.gif" /> |
Ruta absoluta: se refiere a la ubicación absoluta debajo del directorio, directamente a la ubicación de destino, generalmente la ruta que comienza con la letra de la unidad (nota: no se usa comúnmente)
como "D \ web \ img \ logo.gif" o la dirección de red completa "http : //www.baidu.com/img/bd_logo1.png "
5. Etiqueta de hipervínculo
Formato gramatical
<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
(1) Explicación del atributo:
href se utiliza para especificar la dirección URL del destino del enlace (atributo obligatorio). Cuando el atributo href se aplica a la etiqueta, tiene la función de un hipervínculo.
target se utiliza para especificar la forma de abrir la página vinculada, donde _self es el valor predeterminado y _blank es la forma de abrir en una nueva ventana
(2) Enlaces
externos de clasificación de enlaces : como<a href="https://www.baidu.com">百度</a>
Enlaces internos : enlaces entre páginas internas del sitio web, simplemente escriba el nombre de la página interna directamente, como<a href="index.html">首页</a>
Conexión nula : cuando no se determina el enlace de destino,<a href="#">首页</a>
Enlace de descarga : si la dirección en href es un archivo o paquete comprimido, este archivo se descargará
Enlaces de elementos de página web : puede agregar hipervínculos a varios elementos de archivo en la página web, como texto, imágenes, tablas, audio, etc.
Enlace de anclaje : haga clic en el enlace para localizar rápidamente una determinada posición en la página. Vea específicamente los 2 puntos negros a continuación
-
En el atributo href del texto del enlace, establezca el valor del atributo en la forma de #nombre, como
<a href="#two">第2集</a> -
Encuentre la etiqueta de ubicación de destino, agregue un atributo id = el nombre justo ahora, como
<h3 id="two">第2集介绍</h3>