HTML (Hypertext Markup Language) utiliza etiquetas para estructurar y presentar contenido en la web. Aquà tienes algunas de las principales etiquetas de HTML:
1. **`<!DOCTYPE html>`**: No es técnicamente una etiqueta, pero es importante mencionarlo. Define la versión de HTML que se está utilizando en el documento.
2. **`<html>`**: Define el elemento raÃz de un documento HTML.
3. **`<head>`**: Contiene información meta sobre el documento, como el tÃtulo, enlaces a hojas de estilo y scripts, metadatos, etc.
4. **`<title>`**: Define el tÃtulo del documento, que aparece en la barra de tÃtulo del navegador.
5. **`<body>`**: Contiene el contenido principal del documento, como texto, imágenes, enlaces, etc.
6. **`<h1>, <h2>, ..., <h6>`**: Encabezados de diferentes niveles. `<h1>` es el más grande y `<h6>` es el más pequeño.
7. **`<p>`**: Define un párrafo de texto.
8. **`<a>`**: Crea un enlace (hipervÃnculo) a otra página o recurso.
9. **`<img>`**: Inserta una imagen en el documento.
10. **`<ul>, <ol>, <li>`**: Se utilizan para crear listas no ordenadas (`<ul>`) y listas ordenadas (`<ol>`), y `<li>` define elementos de la lista.
11. **`<div>`**: Se utiliza para crear divisiones o contenedores en el documento, que se pueden estilizar con CSS.
12. **`<span>`**: Similar a `<div>`, pero se utiliza para aplicar estilos o scripts a partes especÃficas del texto.
13. **`<br>`**: Crea un salto de lÃnea dentro del texto.
14. **`<hr>`**: Inserta una lÃnea horizontal para separar contenidos.
15. **`<table>, <tr>, <td>`**: Se utilizan para crear tablas. `<table>` define la tabla, `<tr>` las filas, y `<td>` las celdas.
16. **`<form>`**: Define un formulario que puede contener elementos como campos de entrada, botones, etc.
17. **`<input>`**: Se utiliza dentro de un formulario para crear campos de entrada, como cajas de texto, botones, casillas de verificación, etc.
18. **`<label>`**: Etiqueta asociada a elementos de formulario para proporcionar una descripción.
19. **`<textarea>`**: Crea un área de texto de varias lÃneas dentro de un formulario.
20. **`<select>, <option>`**: Utilizados para crear listas desplegables en formularios.
Estas son solo algunas de las etiquetas HTML básicas. HTML cuenta con muchas más etiquetas y atributos para ayudar a estructurar y presentar información en la web.
A continuación te dejo unos ejemplos de uso:
El código HTML para insertar un texto en un blog es el siguiente:
<p>Este es un texto de ejemplo.</p><img src="imagen.jpg" alt="Imagen de ejemplo"><iframe src="video.mp4" width="500" height="300"></iframe><a href="https://www.example.com">Este es un enlace a ejemplo.com</a><pre>// Este es un código de programación<h1>Este es un encabezado de nivel 1</h1><h2>Este es un subencabezado de nivel 2</h2><ul> <li>Este es el primer elemento de la lista</li> <li>Este es el segundo elemento de la lista</li></ul><table> <thead> <tr> <th>Columna 1</th> <th>Columna 2</th> </tr> </thead> <tbody> <tr> <td>Valor 1</td> <td>Valor 2</td> </tr> <tr> <td>Valor 3</td> <td>Valor 4</td> </tr> </tbody></table><form action="procesar.php" method="post"> <input type="text" name="nombre"> <input type="submit" value="Enviar"></form>[shortcode]
0 Comentarios