HTML y CSS
Información básica para el desarrollo web
Diseño Digital
Diana Williams Solís
12-1 B
Introducción a HTML y CSS
1. ¿Qué es HTML?
¿Qué es HTML?
HTML (HyperText Markup Language) o Lenguaje de Marcado de Hipertexto, es el estándar
que se utiliza para crear y estructurar las páginas web. Su función principal es organizar el
contenido de dicha página, utilizando etiquetas que le indican al navegador cómo debe
mostrarse. Sin HTML, no tendríamos la estructura básica de un sitio web.
DIANA WILLIAMS
. ¿Qué es una etiqueta HTML?
Una etiqueta HTML es una palabra o letra especial rodeada de corchetes angulares “< >”.
Estas etiquetas se utilizan para crear elementos HTML, como párrafos o enlaces.
Muchos elementos tienen una etiqueta de apertura y una etiqueta de cierre; por ejemplo, un
elemento p (párrafo) tiene una etiqueta <p>, seguida del texto del párrafo, y luego una etiqueta
de cierre </p>.
Algunos elementos no tienen etiqueta de cierre. Estos se llaman elementos vacíos. Por
ejemplo, el elemento br para insertar saltos de línea simplemente se escribe <br>.
Si estás trabajando con XHTML, puedes escribir elementos vacíos usando etiquetas de cierre
automático, por ejemplo, <br />.
DIANA WILLIAMS
. Ejemplos y datos importantes de HTML
Ejemplos de etiquetas HTML y datos importantes:
- <html>: Indica el inicio y el final de un documento HTML. Todo el contenido debe estar
dentro de esta etiqueta.
- <head>: Contiene metadatos, enlaces a CSS, y el título del documento. No se muestra en la
página.
- <title>: Define el título que aparece en la pestaña del navegador.
- <body>:Contiene el contenido visible de la página como texto, imágenes, enlaces, etc.
- <h1> a <h6>: Encabezados de mayor a menor importancia.
- <p>:Define un párrafo.
- <a>: Define un hipervínculo, usando el atributo href.
- <img>: Muestra una imagen, usando el atributo src.
- <div>: Contenedor genérico
DIANA WILLIAMS para agrupar contenido y aplicar estilos.
. Datos curiosos sobre HTML
Datos curiosos sobre HTML:
- HTML fue desarrollado por Tim Berners-Lee
en 1991.
- Las primeras versiones no tenían soporte para
estilos o scripts.
- HTML5, la versión más reciente, permite
incrustar audio, video y gráficos.
DIANA WILLIAMS
DIANA WILLIAMS