¿Qué es HTML?, por sus siglas en inglés Hypertext Markup Language (‘Lenguaje de Marcas de Hipertexto’), es el lenguaje estándar para la elaboración de páginas Web, ¿Qué significa eso?, es la forma en la que puedes estructurar un archivo y puedes crear una página web.
Con HTML puedes crear tu propio sitio en internet, pero para hacer un sitio es necesario otras herramientas como un Hosting, archivos CSS (Cascading Style Sheets u Hojas de estilo en cascada), archivos JavaScript, imágenes, videos y algunos extras. Pero ¿Qué es el Hosting? es el lugar en donde puedas guardar los archivos anteriormente mencionados y de esa forma ser visible en el mundo virtual.
Oh, no entendí lo que me dices Adan.
Bueno, vamos por partes.
Vamos a imaginar que vamos a crear un teléfono celular, tienes las piezas, sabes que quieres que haga y de qué color lo quieres. Vamos a armarlo, tienes todas las piezas, todas esas piezas la llamaremos HTML, ahora comienza a ensamblar el celular, a poner color y dejarlo bonito, a esto lo llamaremos CSS y todas las funciones que realiza el celular la llamaremos JavaScript. El conjunto de todo hace el teléfono celular funcional, es algo similar realizar una página Web, necesitas una estructura, el diseño de esa estructura y las acciones que tiene que hacer la página.
La estructura básica para una página HTML es:
<!DOCTYPE html>
<html lang="es">
<head>
<title>Título de la Página</title>
</head>
<body>
<!-- Todos las etiquetas-->
</body>
</html>Si copias y pegas estas líneas de código y creas un archivo con cualquier nombre y la extensión HTML, tendrás una página web, en blanco, pero la tendrás.
Como te has dado cuenta la mayoría de las cosas antes mostradas tienen un formato el cual prevalecen los signos “mayor que” (>) y “menor que” (<). Estos signos indican, en el archivo HTML, la apertura de etiquetas, y ¿qué son etiquetas?, el conjunto de etiquetas son la estructura de una página HTML y una etiqueta es una parte de esa página.
Una etiqueta HTML está formada por:
<p>Contenido</p>< - signo de apertura
p - nombre de la etiqueta, en este caso es un párrafo
> - Cierre de la apertura
Contenido - es lo que va a contener esa etiqueta.
< - apertura del cierre de la etiqueta
/ - cierre de la etiqueta
p - nombre de la etiqueta a cerrar
> - cierre de la etiqueta
Existen muchas etiquetas,
Principales:
- DOCTYPE
- html
- head
- body
Las más básicas:
- aside
- section
- header
- footer
- p
- div
- img
- span
- h1, h2, h3, h4, h5 y h6
- b – strong
- i - em
- a
y otras más, que ayudan a realizar páginas más completas:
- canvas
- video
- audio
- form
Existen muchas otras, pero estas son las básicas.
0 comentarios