4.3. Introducción a HTML: estructura básica, etiquetas y atributos: comprensión de las etiquetas HTML
Página 7 | Escuchar en audio
Introducción a HTML: estructura básica, etiquetas y atributos
HTML, o lenguaje de marcado de hipertexto, es el lenguaje de marcado estándar para crear páginas web y aplicaciones. Comprender la estructura básica de HTML, así como las etiquetas y los atributos, es fundamental para cualquier desarrollador de aplicaciones para el usuario. En este capítulo, exploraremos estos conceptos en detalle.
Estructura básica de HTML
Un documento HTML se compone de elementos HTML, que se indican mediante etiquetas. Cada documento HTML comienza con la declaración de tipo de documento , que le indica al navegador que el documento es un archivo HTML5. La etiqueta <html> que involucra todo el contenido de la página.
<!DOCTYPE html> <html> ... </html>
Dentro de la etiqueta <html>, tenemos dos partes principales: la etiqueta <head> y <cuerpo>. La <cabeza> contiene metadatos sobre el documento, como el título de la página (etiqueta <title>), enlaces a hojas de estilo CSS (etiqueta <link>) y secuencias de comandos JavaScript (etiqueta <script>). El <cuerpo> contiene el contenido real de la página que es visible para los usuarios.
<!DOCTYPE html>
<html>
<cabeza>
<title>Título de la página</title>
</cabeza>
<cuerpo>
Contenido de página...
</cuerpo>
</html>
Etiquetas HTML
Las etiquetas HTML se utilizan para definir elementos en un documento HTML. Están rodeados por corchetes angulares (< y >). La mayoría de las etiquetas vienen en pares y envuelven el contenido al que afectan. Por ejemplo, la etiqueta <p> se utiliza para crear un párrafo:
<p>Este es un párrafo.</p>
Hay muchas etiquetas HTML, cada una con su propio propósito. Algunos de los más comunes incluyen <h1> a <h6> para encabezados, <a> para enlaces, <img> para imágenes, <ul> y <li> para listas y <div> y <span> para agrupar elementos.
Atributos HTML
Los atributos HTML se utilizan para proporcionar información adicional sobre un elemento. Siempre se especifican al principio de la etiqueta de apertura y normalmente vienen en pares de nombre/valor. Por ejemplo, la etiqueta <a> generalmente usa el atributo href para especificar la URL del enlace:
<a href="https://www.example.com">Este es un enlace</a>
Otros atributos comunes incluyen src para especificar la fuente de una imagen, alt para especificar texto alternativo para una imagen y estilo para agregar estilos CSS a un elemento.
En resumen, HTML es la columna vertebral de cualquier página web. Comprender la estructura básica de HTML, así como las etiquetas y los atributos, es el primer paso para convertirse en un desarrollador front-end eficaz. En el próximo capítulo, exploraremos CSS y cómo se utiliza para diseñar elementos HTML.
Ahora responde el ejercicio sobre el contenido:
¿Cuál es la función del <head> en un documento HTML?
¡Tienes razón! Felicitaciones, ahora pasa a la página siguiente.
¡Tú error! Inténtalo de nuevo.
Siguiente página del libro electrónico gratuito:
8Introducción a HTML: estructura básica, etiquetas y atributos: Atributos en HTML
3 minutos
¡Obtén tu certificado para este curso gratis! descargando la aplicación Cursa y leyendo el libro electrónico allí. ¡Disponible en Google Play o App Store!
