Todas las etiquetas y atributos html con descripción. Etiquetas: qué son y para qué sirven. Etiquetas de página HTML requeridas
Una lista es una colección interconectada de frases u oraciones individuales que comienzan con una viñeta o un número. Las listas brindan la oportunidad de organizar y sistematizar diversos datos y presentarlos de forma visual y fácil de usar.
La etiqueta establece una lista numerada, es decir cada elemento de la lista comienza con un número o letra y aumenta en incrementos.
-
Etiqueta
- define un único elemento de lista. Etiqueta externa
- o establece el tipo de lista: con viñetas o numerada.
, ,
- elementos vacíos - , ,
, , , ,, ,
Se utiliza para almacenar información adicional sobre la página. Los navegadores utilizan esta información para procesar la página y los motores de búsqueda- para su indexación. Puede haber varias etiquetas en un bloque, ya que dependiendo de los atributos utilizados llevan información diferente. Indicador de medida en un rango determinado. Una sección de un documento que contiene enlaces de navegación para el sitio. Define una sección que no admite secuencias de comandos. Contenedor para incrustar multimedia (por ejemplo, audio, vídeo, subprogramas de Java, ActiveX, PDF y Flash). También puede insertar otra página web en el documento HTML actual. La etiqueta se utiliza para pasar los parámetros del complemento. Lista numerada ordenada. La numeración puede ser numérica o alfabética. Un contenedor con un título para un grupo de elementos. Especifica una opción/opción para seleccionar de la lista desplegable o . Campo para mostrar el resultado de un cálculo calculado mediante el script. Párrafos en el texto. Define parámetros para complementos creados con el elemento. Un elemento contenedor que contiene un elemento. y cero o más elementos. Por sí solo no muestra nada. Permite al navegador seleccionar la imagen más adecuada.
Genera texto sin formato, conservando espacios y saltos de texto. Se puede utilizar para mostrar códigos de computadora, mensajes. Correo electrónico etc. Un indicador de la finalización de una tarea de cualquier tipo. Define una cotización breve. Contenedor para símbolos de Asia Oriental y su decodificación. Define su texto anidado como el componente base de la anotación. Agrega breve descripción encima o debajo de los caracteres contenidos en el elemento, mostrados en una fuente más pequeña. Marca el texto incrustado como anotación adicional. Muestra texto alternativo si el navegador no admite el elemento. Muestra texto que no está actual tachado. Se utiliza para mostrar texto que representa el resultado de la ejecución. código de programa o script, así como mensajes del sistema. Se muestra en fuente monoespaciada. Se utiliza para definir un script del lado del cliente (normalmente JavaScript). Contiene texto de guión o apunta a archivo externo script usando el atributo src. Define un área lógica (sección) de una página, normalmente con un encabezado. Un elemento de control que le permite seleccionar valores de un conjunto propuesto. Los valores de las variantes se colocan en . Muestra texto en un tamaño de fuente más pequeño. Especifica la ubicación y el tipo de recursos multimedia alternativos para , , . Contenedor para elementos en línea. Se puede utilizar para dar formato a pasajes de texto, como resaltar palabras individuales con color. Pone énfasis en el texto, resaltándolo en negrita. Incluye hojas de estilo integradas. Especifica la escritura de subíndices de símbolos, por ejemplo, índice de elementos en fórmulas químicas. Crea un título visible para la etiqueta. Se muestra con un triángulo relleno; al hacer clic en él podrá ver los detalles del título. Especifica la ortografía de los caracteres en superíndice. Etiqueta para crear una tabla. Define el cuerpo de la tabla. Crea una celda de tabla. Se utiliza para declarar fragmentos de código HTML que se pueden clonar e insertar en un documento mediante un script. El contenido de una etiqueta no es hijo de ella. Crea grandes campos de entrada de texto. Define el pie de página de la tabla. Crea un título de celda de tabla. Define el título de la tabla. Define fecha/hora. El título de un documento HTML que aparece en la parte superior de la barra de título del navegador. También puede aparecer en los resultados de búsqueda, por lo que se debe tener esto en cuenta a la hora de proporcionar un título. Crea una fila de tabla. Agrega subtítulos para elementos y . Resalta un pasaje de texto subrayándolo, sin énfasis adicional. Crea una lista con viñetas. Resalta variables de programas mostrándolas en cursiva. Agrega archivos de video a la página. Admite 3 formatos de vídeo: MP4, WebM, Ogg. Hoja de referencia con etiquetasIndica al navegador dónde podría romperse una línea larga. Para facilitar su uso, agrupé las etiquetas en secciones temáticas y agregué valores de propiedad de visualización para cada etiqueta. Para ir a la mesa, haga clic en la imagen.
Una etiqueta es una palabra reservada especial encerrada entre corchetes angulares (por ejemplo, ). Una etiqueta es el componente principal de HTML: el código comienza con ella, termina con ella y la información que se muestra en la página web está contenida dentro de las etiquetas. Se recomienda escribirlos en minúsculas, es decir, en minúsculas ordinarias: no, pero.
¿Cuáles son los tipos de etiquetas?La mayoría de las etiquetas HTML están emparejadas: hay una etiqueta de apertura (por ejemplo, ) y una etiqueta de cierre, que se distingue de la etiqueta de apertura por una barra diagonal (/) después del primer corchete angular (por ejemplo, ). Todo lo que está dentro de un par de etiquetas se llama contenido.
Contenido El texto colocado dentro de estas etiquetas se pone en negrita.
También hay etiquetas no emparejadas (únicas), que se denominan etiquetas. A diferencia de las etiquetas emparejadas, no es necesario cerrarlas porque no funcionan con el contenido, sino que realizan alguna función por sí solas. Ejemplo de etiqueta única:
. Configura el texto para pasar a la siguiente línea.Si establecemos paralelos con el idioma ruso, podemos decir que las etiquetas emparejadas son comillas o corchetes que afectan las propiedades del texto contenido en ellas (trate de no cerrar las comillas a tiempo), y las etiquetas individuales (marcas) son signos de puntuación ( exclamación, pregunta o punto).
Cualquier etiqueta consta de:
- Soporte de ángulo abierto (< ).
- Una palabra especial (nombre de etiqueta). Por ejemplo, hora, iframe, b.
- Escuadra de cierre (> ).
Dado que las etiquetas son la base del lenguaje de marcado, no es sorprendente que existan muchas. Veamos las etiquetas principales y más importantes.
- - una única etiqueta que contiene un comentario. Un comentario es un texto que no procesa el navegador. Puedes escribir lo que quieras dentro de la etiqueta, incluso otras etiquetas; no funcionarán, no aparecerán en la pantalla. Los desarrolladores comentan el código para que sea más fácil de entender para otros webmasters o para que más tarde largo tiempo Ellos mismos rápidamente pudieron entenderlo.
- , , , son etiquetas que deberían estar presentes en cualquier documento HTML decente (para obtener más detalles, consulte “Cómo crear un sitio web en el Bloc de notas”).
- - la etiqueta contiene información auxiliar para navegadores y motores de búsqueda. En su interior puedes escribir palabras clave, descripción de la página, codificación del documento, nombre del autor, etc.
- contiene un enlace al archivo de script o al código mismo.
- - una etiqueta que especifica el estilo del documento y/o sus elementos con usando CSS. Un documento HTML puede contener muchas etiquetas que definen diferentes estilos diferentes partes de la página.
- - todo lo contrario, completándolo. La etiqueta especifica el "encabezado" (título) de una sección o de la página completa.
- almacena las “patas” de un sitio o sección. En su interior puede colocar información de respaldo, derechos de autor, información de contacto, etc.
- contiene el contenido principal de la página. Ni el encabezado, ni el bloque de menú, ni las “patas” del sitio, sino para qué se creó la página. Por ejemplo, en la página que estás leyendo ahora, este artículo debería estar ubicado en el interior.
- Diseñado para crear enlaces. Los enlaces son la raíz del hipertexto, por eso este artículo está dedicado a ellos.
Necesario para añadir imágenes a una página web (a su servicio estamos dedicados a esta acción).
-
,
, - , , ,, , y otras etiquetas de formato de texto forman un gran grupo de etiquetas HTML; se analizan en el artículo "Formato de texto en HTML".
- - elemento de bloque. El texto interior tiene formato CSS (hojas de estilo en cascada, que es el tema de la segunda parte del tutorial).
- . tienes un párrafo
o bloquear El texto que contiene está diseñado con el mismo estilo, pero le gustaría, sin alterar la estructura, asegurarse de que varias palabras tengan un tamaño o color de fuente diferente. Es para tales situaciones que está destinada la etiqueta.
-
,
-
,
- - listar etiquetas. Marcados, numerados: obra de estas etiquetas. También hay listas de definiciones de las cuales son responsables las etiquetas, pero aprenderá en detalle sobre las seis en el artículo "Creación de listas".
, , ,
, Y se utilizan al crear tablas y se analizan en detalle en un artículo separado. - - una etiqueta que añade interactividad a una página, es decir, que permite al usuario interactuar con el sitio web. Por supuesto, el formulario necesita un controlador, pero con la ayuda de las etiquetas internas puedes crear una interfaz. Las casillas de verificación, los botones, los botones de opción, los campos de entrada y otros objetos que requieren acciones activas de su parte son elementos de formulario cuyo código se coloca dentro de un contenedor.
- - una etiqueta que crea un botón interactivo. Para que suceda algo al hacer clic en él, el botón debe estar en el formulario (ubicado entre las etiquetas).
- Crea elementos de formulario: interruptores, casillas de verificación, botones, todo tipo de campos de entrada. Insertado en un contenedor. Pero, ¿por qué necesitamos unos separados si existe uno universal? le permite crear un botón con parámetros avanzados. Por ejemplo, puedes colocar una imagen en un botón. Esto no se puede hacer en un elemento creado mediante .
- y - etiquetas de creación de menús en HTML 5. - este es un contenedor dentro del cual se colocan elementos, cuya adición conduce a la creación de elementos de menú. Una pareja bastante interesante. Por ejemplo, con su ayuda puedes crear tu propio Menú de contexto para una página o su elemento individual.
- - otra etiqueta de formulario que crea un campo grande en el que puede ingresar no solo una línea de texto, sino párrafos completos.
El lenguaje HTML se basa en el concepto de etiqueta. etiqueta- etiqueta). Las etiquetas están entre corchetes angulares (< >) y formar pares - contenedores (etiqueta de apertura y etiqueta de cierre). Por ejemplo, el contenedor de un documento HTML es un par de etiquetas y . La página web incluye contenedores responsables del título del documento (head) y contiene Información adicional, así como contenedores responsables del contenido del propio documento (cuerpo). Se presentan en la figura.
Entonces, el documento HTML está contenido en un contenedor, el encabezado está contenido en un contenedor y el contenido del documento está contenido en un contenedor. El contenedor ubicado en el encabezado (container) contiene el texto que aparece en línea superior ventana del navegador. También se pueden agregar al contenedor de encabezado etiquetas que contienen codificación, palabras clave de páginas web y código para conectar archivos de tablas en cascada. estilos CSS, lenguajes de programación javascript, VBScript, etc.
Ejemplo HTML más simple una página que contiene sólo las etiquetas principales:
Título de la página Contenido de una página simple
El resultado de este código se muestra en la figura.
Como puede ver en el ejemplo, el texto "Contenido de una página simple" se muestra en texto normal. Para formatear este texto, debe utilizar etiquetas especiales. En la figura se muestra un ejemplo del uso de etiquetas de formato.
Para cambiar la fuente, su color y tamaño, utilice una etiqueta con los parámetros "cara", "color" y "tamaño". Por ejemplo, para configurar la fuente “arial” en color rojo y tamaño 14, debes escribir el siguiente código:
Formatear el texto
Para resaltar un párrafo en el texto, use una etiqueta
Cada párrafo de texto suele colocarse en un contenedor. Para crear un título se utilizan las etiquetas , , , , .
Contenedores y se utilizan para formar listas en el cuerpo del documento. Además, la etiqueta forma una lista numerada, la etiqueta
- - lista con viñetas y en etiquetas
- Se colocan los elementos de la lista. Código de ejemplo para mostrar listas, presentadas numeradas y listas con viñetas presentado en la figura.
Para conectar dos o más páginas web entre sí se utilizan hipervínculos, cuya creación utiliza la etiqueta . Además, las etiquetas de hipervínculo utilizan atributos adicionales que le permiten ir a otra página web o moverse dentro de una página determinada. Es recomendable utilizar el segundo método en un documento grande que tenga varias secciones semánticas.
En la figura se muestra un ejemplo del uso de hipervínculos.
Al especificar la URL de otra página, debe especificar la ruta absoluta completa a la página “ruta completa/carpeta/página” o la ruta relativa (relativa a esta página) “carpeta/página”. El parámetro "destino" le permite abrir una página web en una ventana del navegador nueva o existente.
Para insertar una imagen en una página web, utilice la etiqueta
con parámetros src (ruta a la imagen), ancho (ancho de la imagen), alto (alto de la imagen), borde (marco alrededor de la imagen). Código de ejemplo para insertar una imagen:
A menudo, al crear páginas web, es necesario establecer un color de fondo o una imagen de fondo. Para hacer esto, use los atributos de la etiqueta “bgcolor” o “imagen de fondo”. Ejemplo de inserción de un color de fondo:
Ejemplo de inserción de una imagen de fondo:
Los atributos especificados se pueden usar no solo para la etiqueta, sino también para la tabla, el área y otras etiquetas, que se analizarán en los siguientes temas.
El triplete de elementos tiene como objetivo crear una lista de definiciones. Cada una de estas listas comienza con un contenedor, que incluye una etiqueta que crea un término y una etiqueta que define este término. La etiqueta de cierre es opcional porque la siguiente etiqueta señala el final del elemento anterior. Sin embargo, es una buena práctica cerrar todas las etiquetas.
A Sistema operativo Como sabía que cualquier documento de texto es un documento html, debe asignarle la extensión de archivo htm (html).
No se deje intimidar por la siguiente tabla de etiquetas de idioma html, utilizando editor visual FrontPage, al principio no es necesario profundizar en las etiquetas, luego estudia gradualmente un par de docenas de etiquetas principales y luego decides por ti mismo si necesitas conocerlas. Yo mismo tuve que hurgar repetidamente en libros de referencia para encontrar una etiqueta que de repente necesitaba, así que puedes ponerla esta página un marcador y un libro de referencia de este tipo siempre estarán a mano.
En cuanto a los ejemplos de uso de etiquetas, no hay nada mejor que mirar el código html ya preparado de los sitios de Internet ya preparados, para ello necesita encontrar la pestaña "visualizar" en su navegador; fuente páginas", normalmente se encuentra en todos los navegadores. (Un navegador es un programa con el que se ven páginas en Internet).
Las etiquetas pueden ser individuales o emparejadas. Etiquetas emparejadas abiertas< код тега>y cerrar, todo lo que se encuentre entre las etiquetas de apertura y cierre caerá bajo su influencia. Las etiquetas pueden tener varios atributos, que se especifican mediante parámetros especiales. Las etiquetas se pueden anidar unas dentro de otras, etc.
echo $sape->return_links(); ?>
Dentro de un documento html es necesario utilizar las llamadas etiquetas. Una etiqueta es un código condicional específico, normalmente encerrado entre paréntesis como . Este código le dice al navegador qué tipo de datos se colocan entre las etiquetas, cómo se deben mostrar estos datos; por ejemplo, las etiquetas de formato de texto proporcionan esta información. Hay bastantes etiquetas y es difícil para un webmaster novato navegar por ellas, así que veamos las etiquetas principales que pueden resultarle útiles al crear su primer sitio web. No todas las etiquetas aparecen en la tabla de etiquetas a continuación, pero las principales están resaltadas en negrita.
Etiquetas principales Define el tipo de documento como una página web. La parte de servicio del documento, que no se muestra en el navegador, contiene el título, la descripción, palabras clave etc. Entre estas etiquetas está la propia página web que ves en pantalla también se pueden colocar otro tipo de datos. Define cómo los robots de los motores de búsqueda rastrean los datos. Proporciona información para los robots de búsqueda. En esta etiqueta puedes indicar la autoría. Para garantizar el trabajo con servidores de búsqueda, las palabras clave se indican separadas por comas. Se utiliza para enlaces especificados de forma incompleta, indica la dirección de inicio en Internet Breve descripción La página web se mostrará en los resultados de búsqueda de los motores de búsqueda. Etiqueta de título de página Define el color de fondo de una página web. Define el color texto web paginas Establece el color de los hipervínculos en estado normal. Establece el color de los hipervínculos ya vistos. Establece el color del hipervínculo resaltado. La etiqueta de título crea el título más grande, el número 1 puede variar de 1 a 6. Seis será el título más pequeño. Pone el texto en negrita. Da formato al texto en cursiva. Imitación del estilo de la máquina de escribir. Los nombres de las variables se muestran en cursiva. Citas en cursiva Crea un párrafo con texto en cursiva. Cursiva (percibida por los motores de búsqueda como énfasis) Formato de texto en negrita (percibido por los motores de búsqueda como un énfasis particularmente fuerte) Establece el tamaño de fuente, valor de 1 a 7. Establece el color del texto. Diseño de hipervínculos en html. Crea un hipervínculo, es decir, hipervínculos tanto internos como externos. Especifica en qué ventana abrir el hipervínculo. Hipervínculo para envío de un mensaje postal por correo electrónico. Crea un hipervínculo a una etiqueta en la página actual. Coloca una etiqueta para un hipervínculo en la página actual. Un hipervínculo a una etiqueta en otra página. Formato de texto Crea un nuevo párrafo Alinea un párrafo con respecto a un lado del documento, valores: izquierda, derecha, justificar o centrar Desactiva el avance de línea. Especifica dónde dividir la línea para ajustarla si es necesario.
Inserta una nueva línea. Crea sangrías en ambos lados del texto. Crea una lista de definiciones. Define cada uno de los términos de la lista. Describe cada definición. Formatea el texto en una lista numerada Identifica cada elemento de la lista y le asigna un número secuencial. Etiqueta para crear una lista desordenada Marca cada elemento nuevo en la lista con un círculo o cuadrado. Esta etiqueta se utiliza para dar formato a grandes bloques de texto. documento HTML a, también utilizado en hojas de estilo Elementos gráficos en la página. Inserta una imagen en la página. Formatea la posición de la imagen en el documento, puede tener los siguientes valores: izquierda, derecha, centro; abajo, arriba, medio. Establece el grosor del borde alrededor de la imagen. Establece los márgenes superior e inferior Establece los márgenes izquierdo y derecho. Crea una información sobre herramientas Agrega una línea horizontal. Especifica el grosor de la línea. Especifica el ancho de la línea en píxeles o porcentajes. Línea sin sombra. Define el color de la línea. Creando tablas Etiqueta que crea una tabla. Especifica una fila en una tabla. Especifica una celda individual en una tabla. Establece el título de la tabla (una celda normal con formato centrado y texto en negrita) ¿Cuáles son los atributos de la tabla? Asigna una firma de tabla Define el espesor del marco. Define la distancia entre celdas. Campos para el contenido de texto de la celda. Establece el ancho de la tabla. (El valor del parámetro puede estar en píxeles o porcentajes) Establece la altura de la mesa. (El valor del parámetro puede estar en píxeles o porcentajes) o Define la alineación horizontal de las celdas de la tabla, puede tener los siguientes valores: izquierda, centro, derecha. o Define la alineación vertical de las celdas de la tabla, puede tener los siguientes valores: superior, medio o inferior. Especifica el número de columnas combinadas en una celda. Indica el número de filas combinadas en una celda. Evita que el espectador haga una nueva línea en una celda de la tabla. Establece el ancho de la celda de la tabla en píxeles o porcentajes. Establece la altura de la celda de la tabla en píxeles o porcentajes. Marcos en documentos html Precede a una etiqueta en una página de marco. Define filas en una tabla de marco cuyo valor de altura se especifica por número de píxeles o porcentaje. Define columnas en una tabla de marco cuyo ancho se especifica por número de píxeles o porcentaje. Especifica un solo marco o área en una tabla de marcos. Especifica la información que el visitante verá en los casos en que el marco no se pueda mostrar. Atributos de marco html usados Vincular una página web a una ventana de marco. Asigna un nombre al marco para mejorar el enrutamiento de la información entre marcos y páginas. Acolchado horizontal dentro del marco de la ventana. Relleno vertical dentro de una ventana de marco. Evita que los visitantes del sitio cambien el tamaño de la ventana del marco. Iframe y sus atributos Crea un contenedor que puede contener cualquier elemento. Otros elementos de la página se ajustarán a este contenedor. Vincula una página web a una ventana iframe. Asigna un nombre al iframe para mejorar el enrutamiento de la información. Establece el relleno horizontal fuera del iframe. Establece el relleno vertical fuera del iframe. Establece los márgenes horizontales dentro del iframe. Establece los márgenes verticales dentro del iframe. Crea una barra de desplazamiento de marco; El valor puede ser "sí", "no" o "automático". El valor predeterminado es automático. Establece el ancho del iframe Establece la altura del iframe; Fija el texto de ayuda contextual. Etiquetas relacionadas con el formulario Etiqueta para crear el formulario. Crea un menú de desplazamiento. El atributo de tamaño determina la cantidad de elementos del menú que son inmediatamente visibles sin usar la barra de desplazamiento. Establece cada elemento del menú individualmente. Crea un menú desplegable Coloca una ventana de entrada de texto editable. Columnas de atributos: establece el ancho de la ventana y las filas, respectivamente, la altura. Coloca un elemento de casilla de verificación. Coloca un elemento del tipo botón de opción. Coloca una línea de entrada de texto. El atributo Tamaño especifica la longitud en caracteres. Coloca un botón "Enviar" en la página. Publicaciones en la página Enviar usando un gráfico. Lo coloca en la página "Borrar". Las etiquetas HTML son la base lenguaje HTML. Las etiquetas se utilizan para delimitar el principio y el final de los elementos en el marcado.
Cada documento HTML consta de un árbol de elementos HTML y texto. Cada elemento HTML se identifica mediante una etiqueta de inicio (apertura) y de finalización (cierre). Las etiquetas de apertura y cierre contienen el nombre de la etiqueta.
Todos los elementos HTML se dividen en cinco tipos:
Configura una lista con viñetas, cada elemento de la cual comienza con un pequeño carácter de viñeta.