lenguaje de marcado de texto htyper, es decir, lenguaje de marcado de hipertexto
Hipertexto: significa que la página puede contener elementos que no son de texto, como imágenes, enlaces e incluso música, programas.
Lenguaje de marcado: un lenguaje compuesto de marcas (etiquetas).
Página web == Documento HTML, analizado por el navegador, utilizado para mostrar
Página web estática: recursos estáticos, como xxx.html
Página web dinámica: el código HTML es generado dinámicamente por un lenguaje de desarrollo basado en solicitudes de usuario.
El siguiente es el diagrama de estructura del árbol del archivo HTML
Concepto de etiqueta:• Se compone de palabras envueltas por un par de soportes de ángulo. Por ejemplo: <html> *Las palabras en todas las etiquetas no pueden comenzar con los números.
• Las etiquetas son insensibles al caso. <html> y <html>. Se recomienda minúscula.
• La etiqueta se divide en dos partes: la etiqueta de inicio <a> y la etiqueta final </a>. La parte entre las dos etiquetas se llama cuerpo de etiqueta.
• Algunas funciones de etiqueta son relativamente simples. Solo usa una etiqueta. Esta etiqueta se llama autismo y etiquetas. Por ejemplo: <br/> <hr /> <input /> <img />
• Las etiquetas pueden anidarse. Pero no pueden ser anestados. <a> <b> </a> </b>
Propiedades de las etiquetas:• Por lo general, aparece en forma de pares de valor clave. Por ejemplo, nombre = Alex
• Las propiedades solo pueden aparecer en la etiqueta de inicio o el autismo y las etiquetas.
• Los nombres de los atributos son todos en minúsculas. *Los valores de los atributos deben envolverse en cotizaciones dobles o cotizaciones individuales, por ejemplo Nombre = Alex
• Si el valor del atributo y el nombre del atributo son exactamente los mismos, simplemente escriba el nombre del atributo directamente. Por ejemplo, Readonly
2. Introducción a las etiquetas principales de la cabeza• <meta> composición de metaetiquetas: hay dos atributos en la metaetiqueta, el atributo de nombre, respectivamente, el atributo HTTP-outiv y el atributo de nombre. Los diferentes atributos tienen diferentes valores de parámetros, y estos diferentes valores de parámetros realizan diferentes funciones de página web.
1 El atributo de nombre se usa principalmente para describir una página web, y el valor del atributo correspondiente es el contenido. El contenido en el contenido es utilizado principalmente por los robots del motor de búsqueda para encontrar información y clasificar la información.
<meta name = keywordScontent = meta resumen, html meta, meta atributo, meta salto>
<meta name = descriptionContent = Old Boy Training Institution es creada por un niño viejo>
2 HTTP-Equiv, como su nombre indica, es equivalente al encabezado de archivo de HTTP. Puede devolver alguna información útil al navegador para ayudar a mostrar el contenido de la página web de manera correcta y precisa. El valor del atributo correspondiente es el contenido. El contenido en el contenido es en realidad el valor variable de cada parámetro.
<meta http-oquiv = refreshContent = 2; url = https: //www.vevb.com> // (tenga en cuenta las citas después, que son antes de los segundos y después de la URL respectivamente)
<meta http-oquiv = content-typeContent = text/html; charset = utf8>
<meta http-oquiv = x-ua contenido compatible = ie = borde, chrome = 1>
• <title> Old Boy </title>
• <link rel = icon href = http: //www.jd.com/favicon.ico>
3. Etiquetas de cuerpo Etiquetas básicas:<HN>: el rango de valor de n es 1 ~ 6; de grande a pequeño. Se usa para representar el título.
<p>: etiqueta de párrafo. El contenido del paquete está envuelto en línea. También hay una línea en blanco entre el contenido superior e inferior.
<b> <strong>: etiqueta en negrita.
<Strike>: Agregue una línea media al texto.
<em>: el texto se vuelve cursiva.
<up> y <sub>: marcadores de la esquina superior y tablas de esquina inferior.
<br>: línea de marca.
<hr>: línea horizontal
<p> <span>
Etiquetas de nivel de bloque y en línea
Etiqueta de nivel de bloque: <p> <h1> <topla> <ol> <ul> <form> <p>
Etiquetas en línea: <a> <input> <img> <sub> <up> <xtexarea> <span>
Características de los elementos de bloque① Siempre comience en una nueva línea;
② Altura, altura de línea, margen exterior y margen interno se pueden controlar;
③ El ancho predeterminado es el 100% de su contenedor, a menos que se establezca un ancho.
④ Puede acomodar elementos en línea y otros elementos de bloque
Características de los elementos en línea① y otros elementos están en la misma línea;
② Altura, la altura de la línea, el margen exterior y el margen interno no se pueden cambiar;
③ El ancho es el ancho de su texto o imagen y no se puede cambiar
④ Los elementos en línea solo pueden acomodar texto u otros elementos en línea
Para elementos dentro de la línea, preste atención a los siguientes
El ancho de ancho de ajuste no es válido.
La altura de ajuste no es válida, puede configurarla a través de la altura de la línea.
El margen de ajuste solo los márgenes son válidos, pero las partes superiores e inferiores no son válidas.
Poner el relleno solo del relleno izquierdo y derecho es válido, pero arriba y abajo no es válido. Tenga en cuenta que el rango de elementos ha aumentado, pero no tiene ningún efecto sobre el contenido en torno a los elementos.
Caracteres especiales:& lt; & gt; & quot; & Copy; & reg;
Etiqueta gráfica <IMG>:
SRC: la ruta para mostrar la imagen.
ALT: el mensaje cuando la imagen no se carga correctamente.
Título: mensaje rápido cuando el mouse está suspendido.
Ancho: el ancho de la imagen
Altura: la altura de la imagen (solo una de las dos propiedades del ancho y la altura se escalará automáticamente por igual).
Etiqueta de hipervínculo <a>:
href: la ruta de recursos para conectarse es la siguiente: href = https: //www.vevb.com
objetivo: _blank: abre el hipervínculo en una nueva ventana. Nombre del marco: abre el contenido de conexión en el marco especificado.
Nombre: Define el marcador de una página.
Se usa para saltar href: #bookmark name.
Etiquetas de lista:<ul>: lista desordenada
<Ol>: lista ordenada
<li>: cada elemento en la lista.
<dl> lista de definiciones
Título de la lista <dt>
<dd> Lista de elementos
Etiqueta de tabla <Table>:
borde: borde de la mesa.
Padre de celda: margen interno
Papacia celular: margen.
Ancho: porcentaje de píxeles. (Es mejor establecer la longitud y el ancho a través de CSS)
<tr>: fila de tabla
<th>: celda de cabeza de mesa
<TD>: celda de datos de tabla
ROWSPAN: ¿Cuántas filas se extienden verticalmente?
Colspan: cuántas columnas abarca una celda (es decir, células de fusión)
<th>: encabezado de tabla <tbody> (no utilizado comúnmente): particionar la tabla
Etiqueta de formulario <Form>
El formulario se utiliza para transferir datos al servidor.
El formulario puede contener elementos de entrada, como campos de texto, casillas de verificación, casillas de radio, botones de envío, etc.
El formulario también puede contener TextAREA, Seleccionar, FieldSet y Elementos de etiquetas.
1. Propiedades de la formaLos formularios HTML se utilizan para recibir diferentes tipos de entrada del usuario. Cuando el usuario envía el formulario, los datos se transmiten al servidor, realizando así la interacción entre el usuario y el servidor web. Etiquetas de formulario, todo para enviar debe estar en esa etiqueta.
Acción: dónde enviar el formulario. En general, apunta a un programa en el servidor. El programa recibe los datos enviados por el formulario (es decir, el valor del elemento de formulario) para el procesamiento correspondiente, como https://www.sogou.com/web
Método: El formulario se envía por POST/GET. El valor predeterminado es Get (sobre)
Obtener: 1. PARES DE CLAVE-VALOR enviados. Coloque después de la URL en la barra de direcciones. 2. Seguridad relativamente pobre. 3. Hay restricciones a la longitud del contenido enviado.
Publicación: 1. El par de valores clave enviado no está en la barra de direcciones. 2. La seguridad es relativamente alta. 3. No existe un límite teórico en la longitud del contenido enviado.
Get/Post son dos métodos de solicitud comunes.
2. Elementos de formulario<put>
tipo:
Cuadro de entrada de texto de texto
Cuadro de entrada de contraseña de contraseña
Radio Radio Seleccionar cuadro
casilla de verificación múltiples cuadros de selección
Botón de envío
Botón Botón (debe usarse con JS). ¿Cuál es la diferencia entre el botón y el envío?
Archivo Enviar archivo: Formulario Formulario debe agregar atributo enctype = multipart/formy-data
Código XML/HTML Copiar contenido al portapapeles