<A href = dirección de recurso> texto del enlace </a>
1. Enlace local
①Bsolute Road Force:
<A href = c: /images/article.jpg> enlace de fuerza de carretera absoluta a imágenes locales </a>
② Relativo Lu Jin
<A href = artículo2.jpg> Link Lujin Lujin a las imágenes locales </a>
③link al directorio anterior
<A href = ../test.htm> enlace al directorio anterior </a>
2. Enlace de URL
Formulario: nombre del protocolo: //host.domain name/lujin/nombre de archivo
El acuerdo incluye:
Archivo del sistema del sistema local
servidor http www
servidor FTP FTP
Protocolo basado en Telnet
correo electrónico
Noticias Usenet News Group
Gopher Gopher Server
Wais Wais Server
Por ejemplo: <a href = http: //www.baidu.com> Baidu </a>
3. Enlace de directorio
Primero establece un párrafo en la posición del enlace, el formato es:
<A nombre = Nombre de ubicación del enlace> </a>
Luego llame al archivo en esta parte del enlace para definir el enlace:
<A href = nombre de archivo#enlace Nombre de ubicación> Texto de enlace </a>
Por supuesto, si salta en un archivo, el nombre del archivo se puede omitir y no escribir.
2. Marcos de ventana de visión múltipleLos archivos HTML diseñados con estructura de marcos pueden dividir toda la ventana en varias ventanas pequeñas independientes, cada ventana pequeña puede cargar diferentes archivos y comunicarse entre sí.
1. Estructura básica:
<html>
<Evista>
<title> </title>
</ablo>
<Frameset>
<Marco src = url>
<Marco src = url>
...
</Frameset>
</Html>
2. Configuración de tamaño de cada ventana
Dividamos la ventana en varias piezas, usamos el atributo de filas horizontalmente y usamos el atributo cols verticalmente. El tamaño de cada pieza se puede lograr mediante los valores de estas dos propiedades.
<frameset cols =#>
<Frameset filas =#>
El valor de # es un par de cuerdas encerradas en citas. Los números en la cadena representan el tamaño ocupado por cada ventana, separados por comas en el medio. Los números en él también pueden ser reemplazados por *, lo que indica que el tamaño es asignado automáticamente por el navegador. como
<frameset cols = 100,200,300>
<Frameset filas = 10%, 20%, 70%>
<frameset cols = 100,*,*> Distribuir ventanas distintas a 100 píxeles de manera uniforme
3. interoperabilidad entre ventanas
① El atributo SRC de Frame se usa para especificar el contenido que se vinculará, el atributo de nombre especifica el nombre de la ventana y el atributo de destino especifica la ventana en la que aparece el archivo vinculado. Su valor puede ser el nombre definido por nombre, o puede ser los siguientes cuatro tipos de valores:
<a href = url target = _blank> muestra una nueva ventana
<a href = url target = _Self> se muestra en la misma ventana
<a href = url Target = _Parent> Ventana que muestra el archivo anterior en la marca de los marcos
<a href = url target = _TOP> se muestra en toda la ventana del navegador
②Otras propiedades del marco
<Frame FrameBorder = #> #= Sí, No
FrameBorder especifica la configuración de cada borde de la ventana: sí significa que hay un borde, no significa que no hay borde
<Frame marginwidth =# marginheight =#>
El valor de # es un punto de píxel. Esta propiedad se utiliza para establecer el ancho de los límites superiores, inferiores, izquierdo y derecho de la ventana. Si no se establece, el navegador determinará automáticamente.
<scrolling de marco =#>#= sí, no, automático
Configuración de barra de desplazamiento, sí significa sí significa no, automáticamente significa automáticamente el navegador, el valor predeterminado es automático.
<Frame noresize = noresize>
La propiedad Noresize especifica que el usuario no puede cambiar el tamaño del marco. Por defecto, el tamaño del marco se puede cambiar arrastrando las paredes entre los cuadros, lo que puede bloquear el tamaño del marco.
3. Hoja de estilo1. La función más importante de las hojas de estilo es proporcionar una forma de mantener consistentes los estilos de todas las páginas web.
Los tres niveles de una hoja de estilo están en orden desde el nivel inferior hasta el nivel superior:
①. Hoja de estilo construido (en línea): adecuado para el contenido de un solo elemento
②. Hoja de estilo de nivel de documento: adecuado para el cuerpo de todo el documento
③. Hoja de estilo externo: se puede aplicar en el cuerpo de múltiples documentos
Cuando se usa, las hojas de estilo de bajo nivel tienen prioridad al uso si hay un conflicto.
2. Problemas a los que deben prestarse atención al usar CSS:
① Algunos navegadores pueden no admitir ciertos valores de atributos. En este momento, el navegador ignora estos valores de atributos o los reemplaza con un valor opcional.
② El estilo incorporado solo se adapta a un solo elemento, que en realidad va en contra de la intención de diseño original de la hoja de estilo, por lo que debe usarse con precaución.
③ La descripción del estilo de la capa del documento aparece en el encabezado del documento y es adecuado para todo el cuerpo del documento. Así es como el estilo general de construcción del sitio web puede ser consistente.
④ La hoja de estilo externa no es parte del documento que lo usa. La hoja de estilo externa debe almacenarse por separado y debe explicarse al usarla. Las hojas de estilo externo se pueden escribir en archivos de texto utilizando texto de tipo MIME/CSS, que se puede almacenar en cualquier computadora en Internet, y el navegador obtiene hojas de estilo externo como si fuera un documento. El elemento <link> en el cabezal de la página web también se puede usar para especificar una hoja de estilo externo. En <Ank>, el atributo REL se utiliza para especificar la relación entre el documento vinculado y el documento que contiene el enlace modificado, y el atributo HREF se utiliza para especificar la dirección de URL del documento de hoja de estilo. como
<link rel = stylesheet type = text/css href = themes/autotheme/style.css> </ink>
4. Span y DivUso de <span>
En algunos casos, se requieren ciertas propiedades especiales de fuente para aplicar solo a parte del texto de todo el párrafo, como establecer una palabra o frase en una fuente o fondo diferentes, etc. Esto le permite usar elementos <span>, como:
<p> Realmente me gusta <span style = font-size: 24pt; Font-Family: Bold; Color: Red> Programming </span>, que es algo muy agradable. </p>
Uso de <div>
En las páginas web, las secciones son una forma muy común, cada sección consta de varios párrafos. Si está en el diseño, se espera que no solo cada párrafo, sino también que las secciones en la página web se puedan diseñar. En este momento, puede usar <Div>, que se usa principalmente para especificar los detalles de apariencia de una sección o área en la página web.