4. Introducción a HTML: estructura básica, etiquetas y atributos
Página 4 | Escuchar en audio
Introducción a HTML
HTML, o lenguaje de marcado de hipertexto, es el lenguaje de marcado estándar para crear páginas web y aplicaciones. Describe la estructura de una página web y consta de una serie de elementos HTML, también conocidos como etiquetas, que el navegador utiliza para representar el contenido.
Estructura básica
Un documento HTML básico sigue una estructura específica. Comienza con el tipo de documento que le indica al navegador que se trata de un documento HTML5. A continuación, tenemos el archivo <html> que involucra todo el contenido de la página. Dentro de esta etiqueta, tenemos dos partes principales: la etiqueta <head> y el <cuerpo>.
La <cabeza> contiene metadatos sobre el documento, como el título de la página (que se muestra en la pestaña del navegador), enlaces a archivos CSS, definiciones de caracteres y otra información que no es visible para el usuario.
El <cuerpo> Aquí es donde colocamos todo el contenido que queremos que sea visible para los usuarios cuando visitan nuestra página. Esto puede incluir texto, imágenes, vídeos, enlaces, listas, tablas y más.
Etiquetas
Las etiquetas HTML son la base de cualquier página web. Le dicen al navegador cómo se debe interpretar y mostrar el contenido. Las etiquetas están entre corchetes angulares (< y >) y la mayoría de las etiquetas tienen una etiqueta de apertura y una de cierre, con el contenido entre ellas. Por ejemplo, la etiqueta <p> se utiliza para párrafos de texto. Para crear un párrafo, deberá incluir el texto entre la etiqueta de apertura <p> y la etiqueta de cierre </p>.
Existen muchas etiquetas HTML, cada una con su propio propósito y uso. Algunos de los más comunes incluyen <h1> a <h6> para encabezados, <a> para enlaces, <img> para imágenes, <ul> y <li> para listas desordenadas y <table>, <tr> y <td> para mesas.
Atributos
Los atributos HTML se utilizan para proporcionar información adicional sobre un elemento. Se colocan en la etiqueta de apertura y constan de un nombre de atributo y un valor de atributo, separados por un signo igual. Por ejemplo, la etiqueta de imagen <img> utiliza el atributo 'src' para especificar la URL de la imagen que debe mostrarse y el atributo 'alt' para proporcionar texto alternativo que se mostrará si la imagen no se puede cargar.
Otros atributos comunes incluyen 'id' y 'clase' para el estilo CSS, 'href' para especificar la URL de un enlace y 'estilo' para agregar CSS directamente a un elemento.
Comprender la estructura básica, las etiquetas y los atributos de HTML es el primer paso para convertirse en un desarrollador front-end. Con esta base, puedes comenzar a explorar CSS y JavaScript para agregar estilo y funcionalidad a tu página web.
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:
5Introducción a HTML: estructura básica, etiquetas y atributos: Introducción a HTML
2 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!
