Último resumen de etiquetas HTML

Etiquetas HTML de uso común (énfasis)

Etiqueta de título
<h1> - <h6>
Un título ocupa una línea, el texto del título de <h1> a <h6> se vuelve más delgado y el tamaño de fuente se reduce.
Etiqueta de párrafo
<p> Soy un párrafo </p>
Etiqueta de salto de línea
<br />
Etiqueta de formato de texto

  • Negrita <fuerte> </ fuerte> o <b> </ b>
  • Cursiva <em> </ em> o <i> </ i>
  • Guión bajo <ins> </ ins> o <u> </ u>
  • Tachado <del> </ del> o <s> </ s>

Etiquetas <div> y <span> (etiquetas de bloque)

  • La etiqueta <div> </div> se usa para el diseño, solo se puede colocar un <div> </div> en una fila
  • La etiqueta <span> </ span> se utiliza para el diseño, y una línea puede poner varios <sapn> </ span>

Etiqueta de imagen <img>
Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí
ruta relativa y etiqueta de hipervínculo de ruta absoluta
Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí

Inserte la descripción de la imagen aquí

Atributos efecto
href Se utiliza para especificar la dirección del destino del enlace (atributo obligatorio) cuando la etiqueta utiliza el atributo href, tiene la función de un hipervínculo.
objetivo Se usa para especificar el método de apertura de la página vinculada, donde _self es el valor predeterminado (abrir en la página actual), _blank es para abrir en una nueva ventana
链接的分类

Inserte la descripción de la imagen aquí
Etiqueta de comentario etiqueta de tabla de
Inserte la descripción de la imagen aquí
caracteres especiales
Inserte la descripción de la imagen aquí

<table> 是表格标签,<tr>是行,<th>和<td>是表格中的元素

  • estructura basica

Inserte la descripción de la imagen aquí

  • Etiqueta de celda de encabezado

Inserte la descripción de la imagen aquí

  • Atributos relacionados con la tabla (entender)
    Inserte la descripción de la imagen aquí
    不能只看,一定要动手敲一遍
    Inserte la descripción de la imagen aquí

Etiqueta de lista

  • La etiqueta de lista desordenada <ul>
    Inserte la descripción de la imagen aquí
    se muestra de la siguiente manera en el navegador:
    Inserte la descripción de la imagen aquí
  • La etiqueta de lista ordenada <ol>
    Inserte la descripción de la imagen aquí
    se muestra de la siguiente manera en el navegador:
    Inserte la descripción de la imagen aquí

Etiqueta de formulario <form>

  • Caja de texto
    Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

  • Caja individual
    Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

  • Caja
    Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

  • Hora (año. Mes. Día)
    Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

  • Enviar documentos
    Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

  • Botón de enviar
    Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

  • Campo de contraseña
    Inserte la descripción de la imagen aquí
    Antes de
    Inserte la descripción de la imagen aquí
    ingresar la contraseña: Después de ingresar la contraseña:
    Inserte la descripción de la imagen aquí

  • elige el color
    Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

  • Botón normal

  • Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

  • Campo de texto
    Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

  • Casilla de verificación desplegable
    Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/qq_54550842/article/details/112983728
Recomendado
Clasificación