Resumen de aprendizaje de HTML en marzo de 2021

Etiqueta de estructura básica:

, Indicando que el archivo es un archivo HTML, incluyendo el título del archivo, el script utilizado, definiciones de estilo, etc. --- , incluyendo el título del archivo, el título aparece en la barra de título del navegador, el símbolo de final y todos los Se colocan banderas y atributos de la información que se muestra en el navegador, donde se muestra el contenido en el navegador., la bandera de finalización, la bandera de finalización

Etiqueta básica:

, Crear un documento HTML ;, Establecer el título del documento y otra información que no se muestra en la página web ;, Establecer el título del documento;

, El titular más grande;

 , Texto preformateado; 
 

, Guion bajo

, Negrita;

,cursiva;

, Fuente de estilo de máquina de escribir;

, Citas, generalmente en cursiva;

, Enfatizar el texto (generalmente en cursiva y negrita);

, Enfatizar el texto (generalmente en cursiva y negrita);

<font, size = "", color = "">, configure el tamaño de fuente de 1 a 7, el color usa el nombre o el valor hexadecimal de RGB;

, La marca de fuente de referencia;

, La fuente se agranda;

, La fuente se reduce;

, Más tachado;

, El código;

, Palabra del teclado;

,ejemplo;

,variable;

, Sangría a la derecha;

, La definición de predicado;

, Marca de dirección;

, Superíndice;

, Palabra subíndice;

… Fuente de ancho fijo (en blanco, salto de línea, función de posicionamiento son válidos en el archivo)

… Fuente de ancho fijo (no para implementar símbolos de marca);

…, Fuente pequeña de ancho fijo;

<fuente, color = 00ff00> ... color de fuente;

<fuente, tamaño = 1> ... la fuente más pequeña;

<font, style, = 'font-size: 100, px'> ... Incrementar infinitamente.

Otras etiquetas importantes, todos los siguientes signos se utilizan en:

<A, HREF = "...">, la marca del enlace, "..." es la dirección del archivo del enlace

<IMG, SRC = "...">, muestra el logotipo de la imagen, "..." es la dirección de la imagen


, Bandera de salto de línea

, Marca de segmento , En negrita , En itálica


, Dibujo de línea horizontal
, Defina la tabla, la marca importante en HTML, defina la fila de la tabla, utilizada en
En, defina las celdas de la tabla, utilizadas en la marca de estilo de fuente

Atributos:

El atributo se utiliza para decorar el logotipo y el atributo se coloca en el logotipo de inicio.
Ejemplo: el atributo bgcolor = "BLACK" indica que el color de fondo es negro.
Ejemplos de atributos de cita:
<BODY, bgcolor = "BLACK"> indica que el color de fondo de la página es negro;
<TABLE, bgcolor = "BLACK"> significa que el color de fondo de la tabla es negro.

Atributos comunes: atributos de
alineación, atributos de rango:
ALIGN = LEFT, alineación a la izquierda (valor predeterminado), WIDTH = valor o porcentaje de píxel, ancho del objeto.
ALIGN = CENTER, centrado, HEIGHT = valor o porcentaje de píxel, altura del objeto.
ALIGN = RIGHT, alinear a la derecha.

Atributos de color:
COLOR = # RRGGBB, color de primer plano, consulte la tabla de comparación de colores
BGCOLOR = # RRGGBB, color de fondo.

Significa absolutamente centrado.
El inicio y el final de la identificación de la tabla. Atributos: cellpadding = La unidad de valor son píxeles, define el espacio entre celdas y el espacio entre celdas = La unidad de valor son píxeles, define el borde de espaciado de celdas = La unidad de valor son píxeles, define el ancho del borde de la tabla ancho = La unidad de valor son píxeles o porcentaje de la ventana, define el ancho de la tabla fondo = dirección del enlace de la imagen, define el inicio y el final de una fila de la tabla en la tabla de la imagen de fondo de la tabla; los atributos de inicio y final de una celda en una fila de la tabla : Colspan = "", la celda abarca varias columnas; Rowspan = "", la celda abarca varias líneas; Ancho = ""; define el ancho de la tabla Alto = ""; define la altura de la tabla Alinear = ""; método de alineación Valign = ""; Border = "", ancho del borde; Bgcolor = "", color de fondo; Bordercolor = "", color del borde; Bordercolorlight = "", el color del lado brillante del borde; Bordercolordark = "", el color de el lado oscuro del borde; Cellpadding = "", la distancia entre el contenido y el borde (el valor predeterminado es 2); Cellspacing = "", la distancia entre las celdas (el valor predeterminado es 2);


Forzar salto de línea
Inicio y final de la identificación del texto
Atributos:
cara =
color de fuente = color

El inicio y el final del logotipo en negrita
Atributos:
style = font-size: 40pt ;, use la hoja de estilo para controlar el tamaño de la fuente, aquí hay 40 puntos

, Los atributos de inicio y finalización del identificador de partición: alinear = | centro | izquierda | derecha | Alineación horizontal

El inicio y el final del logotipo dinámico, si el formato de textura se coloca en el logotipo, la imagen se puede desplazar
.
Atributos : scrollamount = 1 ~ 60,
dirección de velocidad de desplazamiento = | izquierda | derecha | arriba | abajo |, dirección de desplazamiento
demora de desplazamiento = retraso de desplazamiento, unidad: milisegundo

Marca de párrafo, carácter de espacio,


Atributos de identificación de textura :
src =… /… / dirección de enlace de imagen, atributos necesarios para la identificación de textura
estilo = filtro: Alfa (opacidad = 100, estilo = 2);
filtro: filtro de hoja de estilo;
Alfa: filtro transparente,
opacidad: no Transparencia 100 (0 ~ 100);
estilo: estilo 2 (0 ~ 3),
reglas = "ninguna" no muestran el marco interior "

<embed, src = "…">
Atributo de identificación de archivo multimedia :
SRC = "… /… / FILENAME",
establezca la ruta del archivo de música, el tipo de archivo no solo puede reproducir .rm; .mp3; .wav y otro audio , pero también reproducir .swf y .mov y otros videos.
AUTOSTART = TRUE / FALSE, ya sea para reproducir automáticamente el archivo de música después de la transmisión, se requiere TRUE, FALSE no, el valor predeterminado es FALSE
LOOP =, establezca el número de repeticiones de reproducción , LOOP = 6 significa repetir 6 veces, verdadero o -1 significa bucle infinito, falso significa reproducir una vez y detenerse.
STARTIME = "minuto: segundo",
establezca el tiempo de inicio de reproducción de la canción, como reproducir después de 20 segundos, escriba STARTIME = 00: 20
VOLUME = 0-100,
Configura el tamaño del volumen. Si no está configurado, usa el volumen del sistema.
WIDTH, HEIGHT,
configura el tamaño del panel de control, todo configurado en 0 para ocultar el reproductor
HIDDEN = TRUE,
ocultar el panel de control
CONTROLS = CONSOLE / SMALLCONSOLE,
Establecer el aspecto del panel de control,

<bgsound, src = "...">, logotipo de música de fondo, solo se puede usar en formatos .wav y .mp3.
Atributos:
LOOP =, establece el número de repeticiones, LOOP = 6 significa repetir 6 veces, verdadero o - 1 significa bucle ilimitado, falso significa detenerse después de jugar una vez.

Etiqueta de formulario:

El inicio y el final de la identificación del formulario, el contenido del formulario se coloca aquí. La etiqueta a continuación se coloca en el formulario: cuadro de selección desplegable atributo: selección múltiple, múltiple

, Editar bloque para una gran cantidad de entrada de texto
Atributos:
Cols = "", fila;
Filas = "", columna;
<entrada, tipo = "texto">, cuadro de texto
<entrada, tipo = "contraseña">, cuadro de contraseña
<entrada, tipo = "enviar">, botón de envío
<entrada, tipo = "casilla de verificación">, casilla de verificación
<entrada, tipo = "radio">, casilla de radio
<entrada, tipo = "reiniciar">, botón de reinicio
<entrada, tipo = "imagen">, botón de imagen
<entrada, tipo = "oculto">, campo oculto
<entrada, tipo = "botón">, botón
<entrada, tipo = "archivo">, buscar archivo
público Atributo:
Nombre = " ";
Valor =" "
Tamaño =" "

Etiqueta de marco:

..., definir el marco., poner la etiqueta del marco, definir el contenido de cada marco. Atributos: Cols = "" Rows = "" Frameborder = "" Framespacing = "" src = "" Scrolling = "", scroll bar (No, Sí); Noresize, el tamaño del marco es inmutable; Marginhight = "", espacio libre de altura; Marginwidth = "", espacio libre ancho; Target = "", marco de destino.

Otras etiquetas:

, Música de fondo;
Src = ""
Loop = "", número de bucles;,
bloque de reproducción de medios;
Src = ""
Loop = "", número de bucles;

, Parte de desplazamiento;
Atributo:
Bgcolor = ""
Comportamiento, establece u obtiene cómo se desplaza el texto en el subtítulo.
Dirección = "", dirección de desplazamiento;
Alto = ""
Ancho = ""
Loop = "", número de bucles;
scrollAmount = "", Establece u obtén el número de píxeles de desplazamiento de texto entre cada secuencia de dibujo de subtítulos.
ScrollDelay = "", establece u obtén la velocidad de desplazamiento de subtítulos.
ScrollHeight = "", obtén la altura de desplazamiento del objeto;
scrollLeft = "", establecer u Obtener la distancia entre el borde izquierdo del objeto y el extremo izquierdo del contenido visible actualmente en la ventana.
scrollTop = "", Establecer u obtener la distancia entre el objeto superior y el contenido visible superior en la ventana.
trueSpeed ​​= "", Set O si la posición para obtener los subtítulos se calcula usando las propiedades scrollDelay y scrollAmount, el tiempo real transcurrido proviene de la sincronización del reloj.

, La marca de comentario, el contenido entre "" no se mostrará en el navegador.

Etiqueta de formato:

, Crea un párrafo;
, Etiqueta de lista, definir lista;, definir título de lista;
, Definir el contenido de la lista;

Ejemplo:

Título 1
Contenido 11
Contenido 12
Título 2
Contenido 21
Contenido 22
    , Etiqueta de lista, define una lista marcada con números;
      , Etiqueta de lista, define una lista marcada con puntos;
      • , Colocado antes de cada elemento de la lista;
      • Ponerse

          En el medio, cada elemento de la lista se agrega con un número y se coloca en
            En el medio, agregue un punto a cada elemento de la lista;

            <div, align = "">, etiquetas de partición, utilizadas para componer párrafos HTML grandes y también para formatear tablas;

            , Una lista de opciones; , Lista de directorios;

            , Forzosamente no envolver;

            <hr, size = '9', width = '80% ', color =' ff0000 '> Línea horizontal (establecer ancho);

            , Centrado horizontalmente.

            Etiqueta de enlace:

            <a, href = "URL">, crea un enlace de hipertexto;
            <a, href = "mailtEMAIL">
            , crea un enlace para enviar correos electrónicos automáticamente;
            <a, name = "name">, crea un marcador dentro del documento;
            <a, href = "# name">, cree un enlace al marcador ubicado dentro del documento;

            , Las URL de todas las demás fuentes de enlaces en el documento que el sitio no puede identificar; define la relación entre un enlace y la fuente;

            Anotación de etiqueta de enlace:

            target = "...", determina dónde se muestra la fuente del enlace (nombre definido por el usuario, _blank, _parent, _self, _top);
            rel = "...", el tipo de enlace de envío;
            rev = "... ", el tipo de enlace de guardado;
            tecla de acceso =" ... ", especifica la tecla de acceso rápido del elemento;
            forma =" ... ", nos permite usar la forma definida para definir el reflejo gráfico del cliente (predeterminado, rect, círculo , poli);
            coord = "...", use píxeles O el porcentaje de longitud para definir el tamaño de la forma;
            tabindex = "...", use el elemento tabindex definido para establecer el orden de adquisición de enfoque entre cada elemento (use la tecla de tabulación para hacer que el elemento se enfoque).

            Etiqueta de formulario:

            , Crear una tabla;, Cada fila en la tabla;, Cada cuadrícula en una fila en la tabla;, Establecer el encabezado de la tabla: generalmente texto en negrita y centrado;

            Etiqueta de formulario:

            , Crea un formulario; action = "...", la URL del servidor que recibe los datos; método = "...", método HTTP (get ,, post), donde get se opone al uso; enctype = " ... ", especifique MIME (tipo de medio de Internet); οnsubmit =" ... ", un evento interno que ocurre cuando se envía el formulario; noreset =" ... ", un evento interno que ocurre cuando se restablece el formulario ; target = ". ..", decide dónde mostrar el contenido (_blank, _parent, _self, _top)

            , Crear un botón;
            deshabilitado = "...", establecer el estado del botón en no;
            nombre = "...", el nombre de control del botón, valor = "...", el valor del botón ;
            type = "...", el tipo de botón (botón, enviar, reiniciar);

            , Combinar controles relacionados en un grupo ;, Solicitar al usuario que ingrese; , Proporcione una etiqueta para un control ;, especifique un título para el elemento FIELDSET ;, cree varias opciones para que el usuario haga elecciones ;, cree un área que le permita al usuario ingresar varias líneas.

            Anotación de etiqueta de formulario:

            type = "...", utilizado para el tipo de control de entrada (texto, contraseña, casilla de verificación, radio, enviar, restablecer, archivo, oculto, imagen, botón);
            nombre = "...", el nombre de control del control (excepto para enviar y Cualquier nombre que no sea restablecer);
            valor = "...", el valor inicial del control;
            comprobado = "...", establece un botón de radio en el estado seleccionado;
            deshabilitado = ".. . ", establece el estado del control en inutilizable;
            readonly =" ... ", solo se usa para el cuadro de texto para ingresar la contraseña;
            size =" ... ", indica el ancho de otros controles excepto para el cuadro de texto y el cuadro de control de contraseña en píxeles, se utiliza para especificar el número de caracteres;
            src = "...", la URL de un control de imagen;
            maxlength = "...", especificar el número máximo de caracteres que se pueden ingresar;
            alt = "...", otra descripción de texto;
            usemap = "...", para el cliente La URL del reflejo gráfico;
            align = "...", es opuesta. Control de alineación (izquierda, centro, derecha,
            justify ); tabindex = "...", a través del valor tabindex definido para determinar el orden de enfoque entre diferentes elementos;
            οnfοcus = "...", un evento que ocurre cuando el elemento gana el foco;
            οnblur = "... ", un evento que ocurre cuando el elemento pierde el foco;
            οnselect = "...", el evento que ocurre cuando se selecciona el elemento;
            onchang = "...", el evento que ocurre cuando se cambia el estado del elemento;
            accept = "...", el tipo de archivo que se puede cargar.

            Etiqueta de marco (etiqueta de marco):

            , Colocado antes de la etiqueta de un documento con marco o incrustado en otros documentos con marco;

            <frameset, rows = "value, value">, define el número de filas en un marco, el valor de píxel disponible o el porcentaje de altura;
            <frameset, cols = "value, value">, define el número de columnas en un fotograma, el valor de píxel disponible o el porcentaje de ancho;

            , Definir una sola ventana o área de ventana dentro de un marco; definir qué avisos se muestran en los navegadores que no admiten marcos;

            <frame, src = "URL">, especifica el documento HTML que se muestra en el
            marco ; <frame, name = "name">, nombra el marco o área para que otros marcos puedan apuntar a él;
            <frame, marginwidth = "" >, define El tamaño en blanco de los bordes izquierdo y derecho del marco debe ser mayor o igual a 1;
            <frame, marginheight = "">, define el tamaño en blanco de los bordes superior e inferior del marco, debe ser mayor que o igual a 1;
            <frame, scrolling = "">, establece si el marco tiene una barra de desplazamiento, El valor puede ser "sí", "no" o "auto";
            <frame, noresize>, prohíbe a los usuarios ajustar el tamaño de un marco;

            Para crear un marco en línea;

            scr = "...", define la fuente del contenido que se muestra en el marco;
            frameborder = "...", define el límite entre los marcos (0 o 1);
            align = "...", se opone, controla la alineación (izquierda, centro, derecha, justificar);
            altura = "...", La altura del marco, ancho = "..." El ancho del marco;

            …, Desplazamiento normal;

            <marquesina, comportamiento = diapositiva>…, diapositiva;
            <marquesina, comportamiento = desplazamiento>…, desplazamiento predeterminado;
            <marquesina, comportamiento = alternativo>…, desplazarse hacia adelante y hacia atrás;
            <marquesina, dirección = abajo>…, desplazarse hacia abajo Mover;
            <marquesina, dirección = arriba>…, desplazarse hacia arriba;
            <marquesina, dirección = derecha>, desplazarse hacia la derecha;
            <marquesina, dirección = 'izquierda'>, desplazarse hacia la izquierda;
            <marquesina, bucle = 2>…, el número de desplazamiento;
            <marquesina, ancho = 180>…, establece el ancho;
            <marquesina, altura = 30>…, establece la altura;
            <marquesina, bgcolor = FF0000>…, establece el color de fondo;
            <marquesina, scrollamount = 30>…, establece la distancia de desplazamiento;
            <marquee, scrolldelay = 300>…, establece el tiempo de desplazamiento;
            <img, src = "">, inserta una imagen, los parámetros son: width = ”width”, alt = ”Description text", height = "altura", límite = "borde".

            Etiqueta de atributo general del documento:

            <body, bgcolor = "">, establece el color de fondo. Usa el nombre o el valor hexadecimal RGB;
            <body, background = "">, configura la imagen de fondo;
            <body, bgsound = "">, configura la música de fondo;
            <body, bgproperties = "fixed">, imagen de fondo fija (para IE);
            <body, text = "">, establece el color del texto. Usa el nombre o el valor hexadecimal RGB;
            <body, link = "">, establece el color del enlace. Utilice el nombre, la palabra o el valor hexadecimal RGB;
            <body, vlink = "">, establezca el color del enlace utilizado. Utilice el nombre o el valor hexadecimal RGB;
            <body, alink = "">, establezca el color de el enlace que se golpea. Utilice el nombre o valor hexadecimal RGB;
            <body, topmargin = "">, establezca el margen superior de la página;
            <body, leftmargin = "">, Establezca el margen izquierdo de la página.

          Supongo que te gusta

          Origin blog.csdn.net/weixin_44177643/article/details/114370482
          Recomendado
          Clasificación