Scribd
Cargar
35 vistas

HTML

Cargado por

juniorcuellargomez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
35 vistas

HTML

Cargado por

juniorcuellargomez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 15

CODIGOS HTML

Integrantes: Helen Arboleda, Junior Cuellar


¿Qué son las etiquetas HTML?

 Las "tags" HTML, o "etiquetas" HTML, son códigos utilizados para "marcar" el
texto de una página web, con el fin de dar instrucciones al navegador sobre cómo
mostrarlo.

 Es decir, las etiquetas HTML son el lenguaje utilizado para estructurar y


definir el contenido en un documento HTML. Estas etiquetas se encuentran
en el HTML (o Lenguaje de Marcado de Hipertexto) de cada página.

 Cada etiqueta contiene instrucciones sencillas que indican al navegador cómo


dar formato al texto y a definir los diversos elementos de la página web. Al
aplicar estas etiquetas de marcado a los diferentes elementos del texto, se
indica al navegador cómo mostrarlos al usuario, lo que permite crear páginas
web estructuradas y con un diseño coherente.
¿Para que sirven las etiquetas HTML?

 Por ejemplo, puedes utilizar etiquetas HTML para aplicar cursivas,


crear saltos de línea, insertar objetos multimedia, crear listas con
viñetas o para definir diferentes tipos de contenido en una página
web, como encabezados, párrafos, imágenes, enlaces, formularios y
mucho más.

 En resumen, las etiquetas HTML son esenciales para diseñar y


organizar el contenido de una página web de manera efectiva y
clara.
¿Cómo leen las páginas web las tags HTML?

 Los servidores leen el código HTML para entender y mostrar el


contenido. Leerá el HTML de arriba abajo, de forma muy parecida a
como estás leyendo esta guía.

 Puedes utilizar tantas o tan pocas etiquetas como quieras para dar
formato al contenido. Sin embargo, hay algunas reglas y tags HTML
esenciales que deberás seguir.
¿Cómo se compone una etiqueta en HTML?

 Una etiqueta de apertura — esta empezará con un símbolo < >.


 Contenido — unas breves instrucciones sobre cómo mostrar el
elemento en la página.
 Una etiqueta de cierre — cerrará con un símbolo </ >.
 Sin embargo, algunas tags HTML pueden no cerrarse. Esto significa
que la etiqueta HTML no necesita cerrarse con un </ >.
Normalmente, usarás etiquetas no cerradas para metadatos o saltos
de línea.
¿Cuál es la diferencia entre atributo, elemento y etiqueta HTML?

 Pese a que esta guía trata sobre las tags HTML, es importante
conocer la diferencia entre etiquetas, elementos y atributos HTML.
Aunque los términos "atributo", "elemento" y "etiqueta" suelen
utilizarse indistintamente, hay diferencias sutiles entre ellos.
 Un elemento HTML es un elemento de la página; forma parte del
contenido de la misma. Una tag HTML afecta a la apariencia de un
elemento HTML. Un atributo HTML describe las características de
ese elemento.
 Aquí tienes un desglose de cómo funcionan juntos los elementos, las
etiquetas y los atributos:
 Las etiquetas HTML contienen instrucciones para definir un elemento HTML específico e
indican cómo mostrarlo en la página. Cada etiqueta HTML comienza con un símbolo de
menor que "<" y termina con un símbolo de mayor que ">", y preceden y siguen al
contenido del elemento. Por ejemplo, la etiqueta <p> define un párrafo en HTML.
 Un elemento HTML es un conjunto completo de etiquetas y contenido que define un
elemento específico en una página web. Es decir, los elementos HTML son el contenido de
la página intercalado entre las etiquetas. Por ejemplo, el elemento <p> incluiría tanto la
etiqueta de apertura <p> como el contenido del párrafo, así como la etiqueta de cierre
</p>.
 Los atributos HTML proporcionan información adicional a los elementos HTML sobre
cómo se debe procesar o mostrar el contenido. Los atributos se agregan a las etiquetas
HTML utilizando la sintaxis de "nombre de atributo=valor". Por ejemplo, la etiqueta
<img> puede incluir un atributo src que especifique la ubicación de la imagen en la página,
o la etiqueta <html> puede incluir un atributo lang que especifique el idioma y país: <html
lang="en-US">.
Tipo Etiquetas HTML Elementos HTML Atributos HTML

Contiene Instrucciones sobre El contenido de la página que Información adicional


cómo mostrar un debe mostrarse. sobre los elementos de la
elemento en la página. página.

Apariencia Empiezan por < y Intercalado en una etiqueta Aparecen en la etiqueta


terminan por >. HTML. inicial antes de cualquier
elemento.
 En resumen, las etiquetas HTML son los bloques de construcción
básicos de una página web, los elementos son los bloques completos
que incluyen etiquetas y contenido, y los atributos se utilizan para
proporcionar información adicional sobre cómo procesar o mostrar
los elementos.
¿Qué son las etiquetas HTML básicas?

 Las etiquetas HTML básicas son las etiquetas más comúnmente


utilizadas en la estructura de una página web.
 Estas etiquetas básicas suelen conformar la estructura básica de una
página web y son esenciales para el desarrollo web. Sin embargo,
hay muchas otras etiquetas HTML más avanzadas y especializadas
que se pueden utilizar para diseñar páginas web más complejas. Te
hablo de ellas más adelante.
¿Cuáles son las etiquetas HTML básicas?
 Las etiquetas HTML más utilizadas son:
 <!DOCTYPE>: Se utiliza para especificar la versión de HTML que se está utilizando en la
página.
 <html>: Define el inicio y el final de la página web.
 <head>: Define la sección de encabezado de la página, donde se incluyen elementos como el
título de la página, metaetiquetas, scripts, entre otros.
 <title>: Define el título de la página web que aparece en la pestaña del navegador.
 <body>: Define la sección del cuerpo de la página web, donde se incluyen todos los
elementos que se mostrarán en la página.
 <h1> a <h6>: Define los encabezados o títulos de diferentes niveles de jerarquía en la página
web. El uso de esta etiqueta formateará cualquier texto entre la etiqueta <h> de apertura y la
etiqueta </h> de cierre como un Título o subtítulo. Por ejemplo, en <h>Etiqueta de
encabezamiento</h2>, <h2> y </h2> serían las etiquetas HTML y "Etiqueta de
encabezamiento" es el elemento HTML, es decir, el encabezamiento de la página.
 <a>: Define un enlace que el usuario puede hacer clic para ir a otra página web o a una sección
diferente de la misma página.
 <img>: Define una imagen que se mostrará en la página web.
 <p>Etiqueta de párrafo</p>: Define un párrafo de texto. Las etiquetas <p> y </p> son etiquetas
HTML y la "Etiqueta de párrafo" es el elemento HTML, es decir, el texto de la página. Esta etiqueta
formatea cualquier texto entre la etiqueta <p> de apertura y la etiqueta </p> de cierre como un párrafo
estándar o texto de cuerpo principal.
 <b>Etiqueta de negrita</b>: Esta etiqueta dará formato de negrita a cualquier texto que se encuentre
entre la etiqueta <b> de apertura y la etiqueta </b> de cierre. Aquí, <b> y </b> son las etiquetas HTML
y la "etiqueta de negrita" es el elemento HTML, es decir, el texto de la página.
 <i>Etiqueta de cursiva</i>: Esta etiqueta formateará como cursiva cualquier texto entre la etiqueta de
apertura <i> y la etiqueta de cierre </i>. Aquí, <i> y </i> son las etiquetas HTML y "Etiqueta cursiva"
es el elemento HTML (el texto de la página).
 <u>Etiqueta de subrayado</u>: Esta etiqueta formateará cualquier texto entre la etiqueta <u> de
apertura y la etiqueta </u> de cierre como subrayado. Aquí, <u> y </u> son las etiquetas HTML y
"Etiqueta de subrayado" es el elemento HTML, es decir, el texto de la página.
Cómo revisar las etiquetas HTML de tu web

 Si ya tienes etiquetas HTML en tus páginas y quieres comprobar si se utilizan


correctamente, puedes hacerlo mirando el HTML de tu página. Para ello, solo necesitas tu
navegador web.
 Para ver el HTML de tu página web, debes:
 Hacer clic con el botón derecho del ratón mientras estás en tu página en Google Chrome.
 Selecciona en "Inspeccionar".
 Verás el código HTML en un recuadro en la parte lateral o inferior de tu página.
 Usa Ctrl + F para encontrar etiquetas o elementos concretos.
 Para comprobar si tu web usa de la manera correcta las etiquetas HTML, puedes hacer una
auditoría SEO de la misma web. Herramientas de terceros como
la herramienta de Auditoría del sitio puede comprobar si las etiquetas y atributos HTML
básicos son correctos y si tus páginas utilizan demasiado HTML.

También podría gustarte