Connexion
Connexion

HTML

Esta es una recopilación de algunos puntos clave sobre cómo empezar a utilizar HTML. Está llena de información útil. ¡Los amigos que la necesiten deberían recopilarla rápidamente!

Modifié à 2023-12-03 15:12:26

WSUJfrxa

HTML

WSUJfrxa

Recommandé pour vous
Contour

HTML

Etiqueta (lo que tiene corchetes angulares)

¡Después de generar el archivo .html! ingresar

Las etiquetas se dividen en pares e impares.

Etiqueta única: horas

Doble etiqueta:p

Esqueleto 9 cuatro etiquetas

html: toda la página web

encabezado: encabezado de página web

título: título de la página web

cuerpo: tema de la página web, puedes escribir directamente dentro

relación entre etiquetas

Constelación

relación anidada

Comentario

control /

en cualquier lugar de esta línea,

Etiquetas de tipografía

etiqueta de título

Características: línea exclusiva, negrita, el tamaño de fuente se reduce gradualmente, 6

Las páginas H1 generalmente se usan solo una vez en una página web. Se utiliza para poner títulos de noticias o nombres de páginas web.

etiqueta de párrafo p

Línea exclusiva, espacios entre párrafos, diseño adaptable.

etiqueta de formato de texto

Aparecerán dos etiquetas de formato de texto en una línea

fuerte inclinación en negrita

Etiqueta de imagen (única)

Atributos

alt (texto de reemplazo): texto que se muestra cuando la imagen no se puede mostrar

título (texto de aviso): el texto que se muestra cuando se pasa el mouse

ancho

altura

Los navegadores escalan las imágenes a proporciones iguales de forma predeterminada

camino

Categoría: ruta relativa, ruta absoluta

Ruta relativa (comúnmente utilizada)

Indica el archivo donde se encuentra el archivo actual.

/ Ir a una carpeta

../ Carpeta anterior

camino absoluto

El valor predeterminado para Windows es "\" y para otros sistemas es "/". Se recomienda cambiarlo a "/".

También puede saltar haciendo clic derecho en la página web y copiando la ruta de la imagen.

Hipervínculo

<a href="http://">Enlace de salto</a>

href="./" también se puede utilizar

href="#"enlace vacío

target="_blank" no sobrescribe la interfaz anterior, la cobertura predeterminada es _self

Audio

Atributos

src

control S

Los nombres de atributos y los valores de atributos también se pueden abreviar. Escriba solo el nombre del atributo.

Mostrar panel de control

bucle

Lo mismo que arriba,

Bucle

auto-reproducción

Igual que el anterior, pero no recomendado.

Auto-reproducción

video

<vídeo></vídeo>

Atributos

control S

src

bucle

apagado

Juega en silencio

auto-reproducción

Reproduce automáticamente pero en silencio.

lista, tabla, formulario

lista

Diseñe áreas con contenido ordenado

Clasificación

ordenado

Áreas que deben especificarse en orden

ol anidado li

ol sólo puede contener li

trastorno

ul li anidado

La etiqueta ul solo puede contener etiquetas li y la etiqueta li puede contener cualquier contenido.

lista de definiciones

Normalmente se utiliza para centros de servicio final.

dl anida dt y dd, dt está arriba y dd está debajo

dl: lista de definiciones

dt: define el título de la lista

dd: define la descripción de la lista

dl sólo puede contener dt y dd

hoja

cuatro etiquetas

mesa: mesa

tr: está bien

th: celda de encabezado

td: celda de contenido

la tabla anida tr, y cada tr anida th o td

No hay una línea de tabla de forma predeterminada. Simplemente agregue el atributo de borde (que representa el grosor de la línea de la tabla) a la tabla.

Etiqueta de estructura de tabla

cabeza

cuerpo

pie

Clasificar el contenido de toda la tabla para futuras modificaciones de Css

Combinar células

Fusionar celdas horizontales y verticales en una cuadrícula que abarque filas y columnas

Fusionar pasos

Mantenga las celdas más a la izquierda y más arriba y agregue atributos (el valor es un número, que indica la cantidad de celdas que deben fusionarse)

Filas cruzadas, intervalo de filas de atributos

columnas de tramo, colspan

Obtener rowspan="x", colspan="x" en td

Eliminar otras celdas

No se pueden fusionar etiquetas de estructura

forma

Se utiliza para recopilar información del usuario, inicio de sesión, registro, área de búsqueda, etc.

etiqueta de entrada

<input type="....">, diferentes tipos tienen diferentes funciones

valor de atributo

texto: cuadro de texto, entrada de texto de una sola línea

contraseña: cuadro de contraseña, solo se muestra. . . .

radio: botón de opción

Nombre del Atributo

nombre: nombre del control, solo se puede seleccionar uno en un grupo, elígelo tú mismo

marcado: marcado de forma predeterminada, el valor del atributo y el nombre del atributo son los mismos, solo escriba uno

Ej: El valor predeterminado es masculino al seleccionar género, cámbielo al seleccionar femenino.

<tipo de entrada="radio" nombre="género" marcado>Hombre

<input type="radio" name="gender">Mujer

casilla de verificación: casilla de selección múltiple

marcado: marcado de forma predeterminada (generalmente se usa para aceptar los términos)

archivo: subir archivos, avatares, etc.

Para transferir varios archivos, agregue el nombre del atributo múltiple (igual)

Cuadro de texto: <tipo de entrada="texto">

texto del marcador de posición de la etiqueta de entrada

Información rápida en el marco, palabras de colores claros.

Menú desplegable

seleccione la opción anidada, el atributo seleccionado se establece en el valor predeterminado

campo de texto

Ingrese texto en varias líneas

<textarea>Texto de solicitud</textarea>

Hay una esquina en la esquina inferior derecha.

etiqueta etiqueta

Úselo para vincular la relación entre el texto y los controles de formulario para aumentar el rango de clic de los controles de formulario.

Ambas formas de escribir

1. La etiqueta de la etiqueta solo envuelve el contenido, no el control de formulario. Establezca el atributo for de la etiqueta en el mismo valor que el atributo de identificación del control de formulario.

2. La etiqueta envuelve directamente los controles de texto y formulario, una etiqueta por línea

texto, contraseña, archivo, radio, casilla de verificación, selección, área de texto, todos admiten el aumento del rango de clics

botón

<button type=""></button>El valor predeterminado es enviar cuando se omite el tipo

tipo valor de atributo

enviar: enviar, los datos se envían a un segundo plano

restablecer: restablecer

Al usarlo, debe hacer coincidir la etiqueta del formulario y colocar todos los lugares que desea restablecer en la etiqueta del formulario.

botón: botón normal, usado con js

Divisiones y tramos semánticos

Se utiliza para diseñar páginas web.

div (caja grande): línea exclusiva

span (cuadro pequeño): sin saltos de línea

entidad de carácter

Espacio:  

Solo se puede reconocer un espacio en el código, que se puede copiar varias veces para aumentar el espacio.

Signo menor que: <

Signo mayor que:>