Haga clic derecho → abrir en el navegador predeterminado/otro

alt B/cambio alt B

Nota: Ctrl / (no puede estar después de la declaración, se requiere una nueva línea)

<h1>Título 1</h1>

h1-h6 (poner en el cuerpo)

El cursor parpadea en varios lugares al mismo tiempo en VS: Ctrl D

<p>Párrafo</p>

Ajuste de línea automático en VScode: Barra de menú → Ver → Ajuste de línea automático

b: Negrita

tu: subrayado

yo: inclinación

s: tachado

fuerte: audaz

ins: subrayado

em: inclinación

del: eliminar línea

Código `<img src=” ” alt=” ”>`

Atributo: src (ruta de la imagen de destino; tecla de método abreviado: ./)

Atributo: alt (reemplazar texto; mostrar si falla la carga de la imagen)

Atributo: título (muestra el texto del mensaje al pasar el mouse)

Atributos: ancho/alto (simplemente escribe una imagen y no se deformará)

Ruta absoluta: la ubicación absoluta en el directorio, que puede llegar directamente a la ubicación de destino

Ruta relativa: el proceso de encontrar el archivo de destino a partir del archivo actual

Insertar archivo de audio: tecla de acceso directo de VScode: ./m... (búsqueda difusa)

Código: `<audio src="./music.mp3" controles>texto</audio>`

Atributos

Insertar archivo de vídeo: tecla de acceso directo de VScode: ./m... (búsqueda difusa)

Código: `<video src="./video.mp4" controles></video>`

Atributos

href: a qué página web saltar después de hacer clic (la ruta de la página web de destino)

objetivo: el formulario de apertura de la página web de destino

ul: representa toda la lista desordenada, utilizada para envolver la etiqueta li

li: representa cada elemento de la lista desordenada, utilizada para contener el contenido de cada fila

La etiqueta ul solo puede contener etiquetas li; la etiqueta li puede contener cualquier contenido;

ol: representa la lista ordenada completa, utilizada para envolver la etiqueta li

li: representa cada elemento de la lista ordenada, utilizado para contener el contenido de cada fila

La etiqueta ol solo puede contener etiquetas li; la etiqueta li puede contener cualquier contenido;

dl: representa la lista personalizada completa, utilizada para envolver etiquetas dt/dd

dt: representa el título de la lista personalizada

dd: indica que la lista personalizada es para cada elemento del tema

La etiqueta dl solo puede contener etiquetas dt/dd la etiqueta dt/dd puede contener cualquier contenido;

tabla: tabla en su conjunto, utilizada para envolver múltiples tr

tr: cada fila de la tabla, utilizada para envolver td

td: celda de tabla, se puede utilizar para ajustar el contenido

Relación de anidamiento de etiquetas: tabla > tr > td

borde="número": ancho del borde

ancho="número": ancho de la tabla

altura="número": altura de la mesa

Representa el título general y una columna de subtítulos en una tabla.

título: título de la tabla (el título de toda la tabla, que se muestra en la parte superior y en el centro de toda la tabla de forma predeterminada)

th: celda de la tabla (indica una columna de subtítulos, generalmente se usa en la primera fila de la tabla, el texto está en negrita y centrado)

Aviso

encabezado: encabezado de tabla

tbody: cuerpo de la mesa

tfoot: parte inferior de la mesa

tabla > cabeza > tr > td

rowspan="número de celdas fusionadas": fusionar entre filas/fusionar verticalmente

colspan="número de celdas fusionadas": fusionar entre columnas/fusionar horizontalmente

Introducción básica: la entrada puede mostrar diferentes efectos a través de diferentes valores de atributos de tipo.

texto: cuadro de texto (texto de una sola línea)

contraseña: cuadro de contraseña

radio: botón de opción

casilla de verificación: casilla de verificación

archivo: selección de archivos

enviar: botón enviar

restablecer: botón de reinicio

abajo: botón normal

enviar: botón enviar

restablecer: botón de reinicio

abajo: botón normal

Control de formulario de menú desplegable que proporciona múltiples selecciones en una página web

seleccionar etiqueta: todo el menú desplegable

etiqueta de opción: cada elemento en el menú desplegable

Ejemplo: `<seleccione nombre="año"> <option value="">Seleccione un año</option> <opción valor="">1990</option></select>`

filas: especifica el número de filas visibles en el campo de texto

cols: especifica el ancho visible dentro del campo de texto

La esquina inferior derecha se puede arrastrar para cambiar el tamaño durante el desarrollo real; se recomienda utilizar la configuración CSS para efectos de estilo.

Vincular la relación entre el contenido y las etiquetas de formulario.

Método uno: `<input type="checkbox" id="one">``<label for="one">código</label>`

Método 2: `<label><input type="checkbox">Quedarse despierto hasta tarde</label>`

Cuando se desarrollan páginas web, se utilizan con frecuencia las dos etiquetas de diseño semánticamente sin significado, div y span.

Etiqueta div: solo se muestra una en una fila (ocupa una fila)

etiqueta span: una línea puede mostrar múltiples

encabezado: encabezado de la página web

navegación: navegación web

pie de página: parte inferior de la página web

a un lado: barra lateral de la página web

sección: sección de la página web

artículo: artículo web

Espacio

&lt; signo menor que

> signo mayor que

& amp;

" comillas

&apos; apóstrofe (no compatible con IE)

&cent; centavo (dinero)

&libra;

yen;

€

&sect; sección

&copiar;