Navegante
- Registrado
- 27 Abr 2024
- Mensajes
- 84
Hola familia.
En este post os traigo una pequeña Introducción al HTML. Para quienes se estén iniciando o se vallan a iniciar en este lenguaje.
¿Qué es HTML?
HTML (HyperText Markup Language) es el lenguaje estándar que se utiliza para crear y estructurar el contenido de las páginas web. No es un lenguaje de programación como tal, sino un lenguaje de marcado que utiliza etiquetas para definir los diferentes elementos de una página, como texto, imágenes, enlaces, tablas, formularios, etc.
¿Cómo funciona?
El HTML funciona mediante etiquetas que se escriben entre corchetes angulares (< >). Estas etiquetas le indican al navegador web cómo interpretar y mostrar el contenido. Por ejemplo, la etiqueta <h1> indica un encabezado de nivel 1, mientras que la etiqueta <p> indica un párrafo de texto.
Las etiquetas HTML suelen ir en pares: una etiqueta de apertura y una etiqueta de cierre. La etiqueta de apertura define el comienzo de un elemento, y la etiqueta de cierre (que incluye una barra diagonal /) define el final. Por ejemplo:
HTML
<h1>Este es un encabezado</h1>
<p>Este es un párrafo de texto.</p>
Usa el código con precaución.
content_copy
Estructura básica de un documento HTML:
HTML
<!DOCTYPE html>
<html>
<head>
<title>Título de la página</title>
</head>
<body>
Contenido de la página
</body>
</html>
Usa el código con precaución.
content_copy
Saludos.
En este post os traigo una pequeña Introducción al HTML. Para quienes se estén iniciando o se vallan a iniciar en este lenguaje.
¿Qué es HTML?
HTML (HyperText Markup Language) es el lenguaje estándar que se utiliza para crear y estructurar el contenido de las páginas web. No es un lenguaje de programación como tal, sino un lenguaje de marcado que utiliza etiquetas para definir los diferentes elementos de una página, como texto, imágenes, enlaces, tablas, formularios, etc.
¿Cómo funciona?
El HTML funciona mediante etiquetas que se escriben entre corchetes angulares (< >). Estas etiquetas le indican al navegador web cómo interpretar y mostrar el contenido. Por ejemplo, la etiqueta <h1> indica un encabezado de nivel 1, mientras que la etiqueta <p> indica un párrafo de texto.
Las etiquetas HTML suelen ir en pares: una etiqueta de apertura y una etiqueta de cierre. La etiqueta de apertura define el comienzo de un elemento, y la etiqueta de cierre (que incluye una barra diagonal /) define el final. Por ejemplo:
HTML
<h1>Este es un encabezado</h1>
<p>Este es un párrafo de texto.</p>
Usa el código con precaución.
content_copy
Estructura básica de un documento HTML:
HTML
<!DOCTYPE html>
<html>
<head>
<title>Título de la página</title>
</head>
<body>
Contenido de la página
</body>
</html>
Usa el código con precaución.
content_copy
- <!DOCTYPE html>: Declaración que indica que el documento es HTML5.
- <html>: Etiqueta raíz que engloba todo el contenido del documento.
- <head>: Contiene información sobre la página, como el título y los enlaces a hojas de estilo CSS.
- <title>: Define el título que se muestra en la barra del navegador.
- <body>: Contiene el contenido visible de la página.
- Encabezados: <h1>, <h2>, <h3>, etc.
- Párrafos: <p>
- Enlaces: <a> (con el atributo href para especificar la URL)
- Imágenes: <img> (con el atributo src para especificar la ruta de la imagen)
- Listas: <ul> (desordenadas), <ol> (ordenadas), <li> (elementos de lista)
- Tablas: <table>, <tr> (filas), <th> (encabezados de tabla), <td> (celdas de datos)
- Formularios: <form>, <input>, <textarea>, <button>, etc.
- MDN Web Docs (Mozilla Developer Network): developer.mozilla.org
- W3Schools: www.w3schools.com
Saludos.
