Listado de Etiquetas en HTML

1
LISTADO DE ETIQUETAS EN HTML
UNIDAD DIDÁCTICA: GESTIÓN Y ADMINISTRACIÓN WEB
<html>: Define el comienzo del documento HTML.
<head>: Contiene información sobre el documento HTML.
<title>: Define el título del documento HTML.
<body>: Contiene el contenido visible del documento HTML.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>: Etiquetas de encabezado, desde el más importante hasta
el menos importante.
<p>: Define un párrafo.
<a>: Define un enlace.
<img>: Inserta una imagen en la página.
<ul>: Define una lista sin orden.
<ol>: Define una lista ordenada.
<li>: Define un elemento de lista.
<table>: Define una tabla.
<tr>: Define una fila de la tabla.
<td>: Define una celda de la tabla.
<div>: Define una sección genérica de contenido.
<span>: Define una sección de texto genérica.
<form>: Define un formulario para la entrada de datos.
<input>: Define un campo de entrada de datos.
<button>: Define un botón en el formulario.
<textarea>: Define un campo de entrada de texto multilínea.
Estas son solo algunas de las etiquetas HTML más comunes, pero hay muchas más disponibles.
Docente: Mg. Ing. Julio César Gonzales Aquilino

Web: www.infotecgo.com
Email: cesar9582@gmail.com
Cel./Whatsap: 927051770
2
1. Etiqueta <html>:
La etiqueta <html> se usa para envolver todo el contenido HTML en una página web.
2. Etiqueta <head>:
La etiqueta <head> se usa para contener información sobre la página web, como el
título y los metadatos.
3. Etiqueta <body>:
La etiqueta <body> se usa para envolver el contenido visible de la página web.

3
4. Etiqueta <h1>-<h6>:
Las etiquetas <h1>-<h6> se usan para crear encabezados con diferentes tamaños.
5. Etiqueta <p>:
La etiqueta <p> se usa para crear párrafos de texto.
6. Etiqueta <a>:
La etiqueta <a> se usa para crear enlaces a otras páginas web o a diferentes secciones
de la misma página.

4
7. Etiqueta <img>:
La etiqueta <img> se usa para insertar imágenes en una página web.
ETIQUETAS PARA LA AGRUPACION DE CONTENIDO

1. Etiqueta <div>:
La etiqueta <div> se utiliza para agrupar elementos en bloques y aplicar estilos CSS a
todo el grupo. Ejemplo:
2. Etiqueta <span>:
La etiqueta <span> se utiliza para agrupar elementos en línea y aplicar estilos CSS a
todo el grupo. Ejemplo:

5
3. Etiqueta <section>:
La etiqueta <section> se utiliza para agrupar contenido relacionado en una sección de
la página. Ejemplo:
4. Etiqueta <article>:
La etiqueta <article> se utiliza para agrupar contenido independiente y completo,
como un artículo de noticias o un blog. Ejemplo:
5. Etiqueta <header>:
La etiqueta <header> se utiliza para agrupar el contenido del encabezado de la página,
como el logotipo y el menú de navegación. Ejemplo:

6
6. Etiqueta <footer>:
La etiqueta <footer> se utiliza para agrupar el contenido del pie de página de la página,
como los derechos de autor y la información de contacto. Ejemplo:
ETIQUETAS SEMÁNTICAS PARA TEXTO
1. Etiqueta <h1> a <h6>:

Las etiquetas <h1> a <h6> se utilizan para marcar los encabezados y subtítulos de
la página. La etiqueta <h1> se utiliza para el título principal de la página, mientras
que las etiquetas <h2> a <h6> se utilizan para los subtítulos en orden de
importancia descendente. Ejemplo:
2. Etiqueta <p>:
La etiqueta <p> se utiliza para marcar los párrafos de texto en la página. Ejemplo:
3. Etiqueta <strong> y <em>:

Las etiquetas <strong> y <em> se utilizan para enfatizar el texto. La etiqueta
<strong> se utiliza para el enfatizar el texto con mayor énfasis (generalmente en
negrita), mientras que la etiqueta <em> se utiliza para enfatizar el texto con
énfasis leve (generalmente en cursiva). Ejemplo:

7
4. Etiqueta <blockquote>:
La etiqueta <blockquote> se utiliza para marcar una cita o texto que se está
citando en la página. Ejemplo:
5. Etiqueta <cite>:
La etiqueta <cite> se utiliza para marcar el título de una obra o un autor en una
cita o referencia. Ejemplo:
ETIQUETAS PARA CREAR FORMULARIOS
Las etiquetas en HTML para crear formularios son muy útiles para recopilar información de los
usuarios.
1. Etiqueta <form>:
La etiqueta <form> es el elemento principal para crear un formulario. Define un
formulario HTML que se puede enviar al servidor web para procesamiento. Ejemplo:
2. Etiqueta <input>:
La etiqueta <input> es la más comúnmente utilizada para crear campos de entrada de
datos. Puede ser de varios tipos, como texto, correo electrónico, contraseña, fecha,
número, etc. Ejemplo:

8
3. Etiqueta <label>:
La etiqueta <label> se utiliza para etiquetar los campos de entrada y hacerlos más
accesibles. Se utiliza junto con la etiqueta <input> y su atributo "for" para asociar el
campo de entrada con la etiqueta. Ejemplo:
4. Etiqueta <select>:
La etiqueta <select> se utiliza para crear menús desplegables para que los usuarios
seleccionen una opción. Ejemplo:
5. Etiqueta <textarea>:
La etiqueta <textarea> se utiliza para crear áreas de texto de varias líneas para que los
usuarios puedan escribir texto. Ejemplo:
6. Etiqueta <button>:
La etiqueta <button> se utiliza para crear botones que los usuarios pueden hacer clic
para enviar el formulario o realizar otra acción. Ejemplo:
Estas son solo algunas de las etiquetas que se utilizan para crear formularios en HTML.
Hay muchas más disponibles, como <checkbox>, <radio>, <fieldset>, entre otras.


Listado de Etiquetas en HTML

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Listado de Etiquetas en HTML

Cargado por

Copyright:

Formatos disponibles

1

LISTADO DE ETIQUETAS EN HTML

UNIDAD DIDÁCTICA: GESTIÓN Y ADMINISTRACIÓN WEB

<html>: Define el comienzo del documento HTML.

<head>: Contiene información sobre el documento HTML.

<title>: Define el título del documento HTML.

<body>: Contiene el contenido visible del documento HTML.

<p>: Define un párrafo.

<a>: Define un enlace.

<img>: Inserta una imagen en la página.

<ul>: Define una lista sin orden.

<ol>: Define una lista ordenada.

<li>: Define un elemento de lista.

<table>: Define una tabla.

<tr>: Define una fila de la tabla.

<td>: Define una celda de la tabla.

<div>: Define una sección genérica de contenido.

<span>: Define una sección de texto genérica.

<form>: Define un formulario para la entrada de datos.

<input>: Define un campo de entrada de datos.

<button>: Define un botón en el formulario.

<textarea>: Define un campo de entrada de texto multilínea.

Docente: Mg. Ing. Julio César Gonzales Aquilino

Docente: Mg. Ing. Julio César Gonzales Aquilino

Docente: Mg. Ing. Julio César Gonzales Aquilino

ETIQUETAS PARA LA AGRUPACION DE CONTENIDO

Docente: Mg. Ing. Julio César Gonzales Aquilino

Docente: Mg. Ing. Julio César Gonzales Aquilino

ETIQUETAS SEMÁNTICAS PARA TEXTO

1. Etiqueta <h1> a <h6>:

3. Etiqueta <strong> y <em>:

Docente: Mg. Ing. Julio César Gonzales Aquilino

ETIQUETAS PARA CREAR FORMULARIOS

Docente: Mg. Ing. Julio César Gonzales Aquilino

Docente: Mg. Ing. Julio César Gonzales Aquilino

También podría gustarte