1. Etiquetas <div> y <span>
<div> y <span> no tienen semántica, son solo una caja para guardar cosas.
1.1 Formato de sintaxis de <div> y <span>
<div> Caja grande </div>
<span> Caja pequeña </span>
div es la abreviatura de división, que significa división y división.
lapso significa lapso, lapso
1.2 Características de las etiquetas <div> y <span>:
> La etiqueta <div> se usa para el diseño, pero ahora solo se puede colocar un <div> en una fila.
> La etiqueta <span> se usa para el diseño y puede haber varios <span> s en una línea.
2. Etiqueta de imagen
En las etiquetas HTML, la etiqueta <img> se usa para definir la imagen en la página HTML.
2.1 El formato de la etiqueta de la imagen
<img src = "URL de la imagen" />
La abreviatura de la palabra imagen, que significa imagen.
src es un atributo obligatorio de la etiqueta <img>, se utiliza para especificar la ruta y el nombre de archivo del archivo de imagen
El llamado atributo: una simple comprensión es la característica de esta etiqueta de imagen
2.2 Otros atributos de las etiquetas de imagen
2.3 Puntos a tener en cuenta sobre los atributos de las etiquetas de imagen:
① La etiqueta de la imagen puede tener múltiples atributos, que deben escribirse después del nombre de la etiqueta
② No hay orden entre los atributos. El nombre de la etiqueta y el atributo, y el atributo y atributo están separados por espacios.
③ El atributo toma el formato de pares clave-valor, es decir, el formato clave = "valor" y el atributo = "valor de atributo".
3. Camino (conocimiento preliminar que presagia)
(1) Carpeta de directorio y directorio raíz
En el trabajo real, nuestros archivos no deben colocarse al azar. De lo contrario, es difícil encontrarlos rápidamente, por lo que necesitamos una carpeta para administrarlos.
Carpeta de directorio: es una carpeta ordinaria, que solo almacena los materiales relevantes que necesitamos para hacer la página, como archivos HTML, imágenes, etc.
Siga el directorio: el primer nivel de la carpeta del directorio abierto es el directorio raíz.
3.1 Ruta
Habrá muchas imágenes en la página. Por lo general, crearemos una nueva carpeta para almacenar estos archivos de imagen (imágenes). En este momento, cuando busquemos una imagen, debemos usar el método "ruta" para especificar la ubicación. del archivo de imagen.
3.2 Clasificación de caminos
Camino relativo
Camino absoluto
3.2.1 Ruta relativa
Ruta relativa: la ruta del directorio establecida en función de la ubicación del archivo referenciado
En pocas palabras, la posición de la imagen en relación con la página HTML
3.2.1 Ruta absoluta
Ruta absoluta: se refiere a la ubicación absoluta bajo el directorio, directamente a la ubicación del directorio, generalmente la ruta que comienza con la letra de la unidad.
Por ejemplo: "D: \ web \ img \ logo.gif" o la dirección web completa "http://www.itcast.cn/images/logo.gif"
4. Etiqueta de hipervínculo (énfasis)
En las etiquetas HTML, la etiqueta <a> se usa para definir hipervínculos, que se usan para vincular de una página a otra.
4.1 Formato de sintaxis del hipervínculo
<a href="jump target" target = "el método emergente de la ventana de destino"> texto o imagen </a>
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 hipervínculo
target: se utiliza para especificar el método de apertura de la página vinculada, donde _self es el valor predeterminado y _blank es el método de apertura en una nueva ventana.
4.2 Clasificación de enlaces
8.2.1 Enlaces externos: por ejemplo, <a href = "http://www.baidu.com"> Baidu </a>.
8.2.2 Enlaces internos: enlaces entre páginas internas del sitio web, simplemente enlace las páginas internas directamente , Como <a href = "index.html"> página de inicio </a>
8.2.3 Enlace vacío: si el destino del enlace no se determina en ese momento, <a href="#"> página de inicio </a>
8.2. 4 enlace de descarga: si la dirección en href es un archivo o paquete comprimido, este archivo se descargará.
8.2.5 Enlaces de elementos de la página web: se pueden agregar hipervínculos a varios elementos de la página web, como texto, imágenes, tablas, audio y video.
8.2.6 Enlace de anclaje: haga clic en el enlace para localizar rápidamente una determinada posición en la página.
En el atributo href del texto del enlace, establezca el valor del atributo en la forma de #nombre, como <a href ="#two"> Segundo episodio </a> para
encontrar la etiqueta de ubicación de destino, agregue un atributo id = the nombre ahora, como <h3 id = "two"> Introducción al episodio dos </h3>
Recomendado
Navegador recomendado: Google Chrome
Entorno Java recomendado: eclipse, IDEA
Aprendizaje recomendado esta semana: HTML y CSS
Enlace de video de aprendizaje recomendado: https://www.bilibili.com/video/BV1CK411G7m4?from=search&seid=9778818247834758128
Entorno HTML recomendado: VScode (Visual Studio Code)