Scribd
Cargar
4 vistas19 páginas

Guía de Etiquetas HTML Esenciales

HTML (HyperText Markup Language) es un lenguaje de marcado utilizado para estructurar contenido en páginas web, utilizando etiquetas que definen elementos y su estructura. Las etiquetas HTML incluyen elementos como <head>, <body>, <footer>, y diferentes tipos de encabezados y listas, cada una con funciones específicas. La estructura de un archivo HTML comienza con <Doctype html> y sigue con las secciones necesarias para organizar el contenido visible y la información general.

Cargado por

626823.cursos
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
4 vistas19 páginas

Guía de Etiquetas HTML Esenciales

HTML (HyperText Markup Language) es un lenguaje de marcado utilizado para estructurar contenido en páginas web, utilizando etiquetas que definen elementos y su estructura. Las etiquetas HTML incluyen elementos como <head>, <body>, <footer>, y diferentes tipos de encabezados y listas, cada una con funciones específicas. La estructura de un archivo HTML comienza con <Doctype html> y sigue con las secciones necesarias para organizar el contenido visible y la información general.

Cargado por

626823.cursos
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

ETIQUETAS HTML

HTML
HTML (HyperText Markup Language) es un
lenguaje de marcado de hipertexto que se
utiliza para estructurar y definir el
contenido de una página web.
Etiqueta
Las etiquetas HTML son fragmentos de código que
permiten crear elementos HTML, estructuras básicas del
lenguaje de programación HTML en el que se escriben las
páginas web.

El formato de una etiqueta HTML es un bloque de texto


encerrado entre corchetes angulares < >
Etiquetas
Estructura de una
etiqueta
• Etiqueta de apertura: Se utiliza para indicar
dónde empieza un elemento. Está envuelta en
corchete de apertura y cierre.

• Contenido: El contenido es el resultado que ve la


audiencia.

• Etiqueta de cierre: Es lo mismo que la etiqueta


de apertura pero con una barra inclinada delante
del nombre del elemento.
Editores de código

Visual Studio code


Bloc de notas
Estructura de un archivo HTML
Etiquetas básicas
• <Doctype html> </html>
• <head> </head>
• <body> </body>
• <footer></footer>
• <p></p>
• <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
• <a href=“”></a>
• <table></table>
• <ul></ul>
• <ol></ol>
<Doctype html> </html>

Es una instrucción especial que se usa en HTML para poder indicar al


navegador que estemos usando, qué tipo de versión de HTML estamos
usando.

• HTML 5: <!DOCTYPE html>


<head> </head>
Define la sección de encabezado de un documento HTML. Esta
sección contiene información general sobre la página, como el
título y enlaces a hojas de estilos y scripts.

¿Qué contiene la etiqueta <head> ?


• Título
• Enlaces a scripts y hojas de estilos
<body> </body>
Define el cuerpo del contenido de un documento HTML. Es una
etiqueta fundamental que indica dónde comienza el contenido
visible del documento

• Solo puede haber un <body> elemento en un documento HTML.


Ejemplo - Resultado
<footer></footer>
• Sirve para identificar el pie de página de una página
web, documento, artículos de la página, etc.

Funciones del pie de página


• Marcar el final de la página
• Facilitar la navegación
Ejemplo - Resultado
<p></p>
• Sirve para definir párrafos de texto. Es un
elemento de frase que crea una caja en bloque.

• <h> </h>
• Son encabezados que sirven para estructurar el
contenido de una página web.
Ejemplo - Resultado
Tipos de etiquetas H

H1: La etiqueta de título, que debe colocarse al principio


de la entrada

H2: La etiqueta de subtítulos

H3 y H4: Subtítulos dentro de H2

H5 y H6: Etiquetas de menor relevancia para los


buscadores
<ul></ul>
Sirven para crear una lista desordenada.
<table></table>
Sirve para presentar datos de forma estructurada en dos o más
dimensiones.

Elementos básicos de las tablas HTML


• <thead>: se utiliza para agrupar el contenido del encabezado.
• <tbody>: se utiliza para agrupar el contenido del cuerpo.
• <tr>: se utiliza para definir una fila.
• <th>: se utiliza para definir una celda de encabezado.
• <td>: se utiliza para definir una celda de datos.
Ejemplo - Resultado

También podría gustarte