html cheat sheet quick guide html tags
Consulte esta completa hoja de referencia HTML para obtener más información sobre varias etiquetas de codificación HTML de uso común con ejemplos de código:
Al comenzar el tutorial, primero entenderemos qué es el lenguaje HTML y más adelante en el tutorial, veremos las distintas etiquetas HTML. Aquí, también entenderemos algunas de las etiquetas utilizadas en HTML5.
Así que empecemos y entendamos primero qué es HTML.
Lo que vas a aprender:
Qué es HTML
HTML son las siglas de Hyper Text Markup Language. Es un lenguaje de marcado que fue inventado por Tim Berners-Lee en el año 1991. En palabras simples, podemos decir que este es un lenguaje que describe cómo se mostraría el contenido de una página web. Para ello, utiliza etiquetas dentro de las cuales se incrusta el texto a mostrar. El navegador interpreta esas etiquetas para mostrar el texto en la pantalla.
Ha habido muchas revisiones de HTML, y la más reciente disponible es HTML5 que se lanzó en el año 2014.
¿Qué es una hoja de referencia HTML?
La hoja de referencia HTML es una guía de referencia rápida que enumera las etiquetas HTML más utilizadas y sus atributos. Las etiquetas generalmente están agrupadas por categorías para facilitar la lectura.
Etiquetas HTML
A continuación, hemos agrupado las etiquetas en varias categorías y aprenderemos sobre las etiquetas que pertenecen a cada categoría junto con ejemplos.
Etiquetas básicas
Etiquetas | Objetivo | ||
---|---|---|---|
|_+_| | Texto preformateado (se conservan el espaciado, el salto de línea y la fuente) | |_+_| | |_+_| |
... | Esta es la etiqueta principal (elemento raíz) de cualquier documento HTML. Todo el bloque de código HTML está incrustado en esta etiqueta. | ||
... | Esta etiqueta proporciona información general sobre el documento como su título y enlaces a hojas de estilo (si las hubiera). Esta información no se muestra en la página web. | ||
... | Mi pagina web | ||
... | Mi primera página web |
Fragmento de código:
|_+_|Producción:
Mi pagina web
(Se muestra en la barra de título del navegador)
Mi primera página web
(Mostrado como contenido de la página web)
Etiquetas de metainformación
Etiquetas | Objetivo |
---|---|
| Se utiliza para especificar la URL base del sitio web. |
| Contiene información como fecha de publicación, nombre del autor, etc. |
| Contiene la información relacionada con la apariencia de la página web. |
Se utiliza para indicar enlaces externos, principalmente hojas de estilo. Es una etiqueta vacía y solo contiene atributos. | |
…. | Se utiliza para agregar fragmentos de código para hacer una página web dinámica. |
Fragmento de código:
|_+_|Producción:
Página web de Rashmi
(Se muestra en la barra de título del navegador)
Esta es el área de contenido de la página web de Rashmi
(Mostrado como contenido de la página web)
Etiquetas de formato de texto
Etiqueta | Objetivo | Fragmento de código | Producción |
---|---|---|---|
.... | Hace que el texto esté en negrita | Hola | Hola |
.... | Hace que el texto sea cursiva | Hola | Hola |
.... | Subraya el texto | Hola | Hola |
.... | Tacha el texto | Hola | Hola |
.... | Hace que el texto esté en negrita (Igual que .. etiqueta) | Hola | Hola |
.... | Hace que el texto sea cursiva (Igual que .. etiquetas) | Hola | Hola |
.... | Etiqueta de encabezado: el número puede variar de 1 a 6 | Por otro lado, la etiqueta de inicio o finalización es lo que llamamos etiqueta HTML. Ejemplo: o P # 7) ¿Cuáles son los 2 tipos de etiquetas en HTML? Responder: Hay dos tipos de etiquetas en HTML emparejadas y no emparejadas o singulares. Etiquetas emparejadas - Como sugiere el nombre, se trata de etiquetas que comprenden 2 etiquetas. Una se llama etiqueta de apertura y la otra se llama etiqueta de cierre. Por ejemplo: , etc. La puerta de enlace predeterminada de Ethernet no está disponible Etiquetas no emparejadas - Estas etiquetas son etiquetas individuales y solo tienen la etiqueta de apertura y ninguna etiqueta de cierre. Por ejemplo: P # 8) ¿Cuál es la diferencia entre una etiqueta de contenedor y una etiqueta vacía? Responder: Etiquetas de contenedor son aquellas etiquetas que tienen una etiqueta de apertura seguida de contenido y una etiqueta de cierre. Por ejemplo: , Etiquetas vacías son las etiquetas que no tienen ningún contenido y / o etiqueta de cierre. Por ejemplo: P # 9) ¿Cuál es la etiqueta de encabezado más grande? Responder: es la etiqueta de título más grande en la etiqueta HTML.P # 10) ¿Qué es la etiqueta de selección en HTML? Responder: Atag se utiliza para crear una lista desplegable. Se utiliza con mayor frecuencia en formularios en los que se recopilan las entradas del usuario. A continuación se muestra un fragmento de código junto con la salida de la etiqueta. También muestra los atributos comunes de esta etiqueta. Fragmento de código: |_+_|Producción:
ConclusiónEspero que este artículo le haya proporcionado una comprensión de qué es exactamente una hoja de trucos HTML. El objetivo era compartir con nuestros lectores una guía de referencia rápida de varias etiquetas HTML de uso frecuente. También hemos visto etiquetas básicas, etiquetas de metainformación, etiquetas de formato de texto, formularios, marcos, listas, imágenes, enlaces, tablas y etiquetas de entrada. Algunas etiquetas, que generalmente se usan junto con la etiqueta FORM como Seleccionar y Botón, también se tratan en este artículo. También aprendimos sobre las etiquetas introducidas con HTML5. Para cada una de las etiquetas, aprendimos sobre los atributos más comunes que se usan junto con las etiquetas y también vimos su código y salida relacionados. Lectura recomendada
^
|