Hoy voy a explicar un poco las etiquetas HTML, para que así os vayáis familiarizándoos con este lenguaje que será imprescindible para nuestra página Web.
<html>
<head>
</head>
<body>
</body>
</html>
Esta sería la estructura que debe de contener una página Web. Todas las etiquetas que se abren, tienen que ser cerraras como por ejemplo <html></html>,<head> </head>,<body></body>.
Que significan estos… que el lenguaje va a ser HTML por ello se abre como primera etiqueta <html>. Seguido se abre la etiqueta <head>, que seria la cabeza, y por ultimo <body>, que es la etiqueta cuerpo.
En laetiqueta <head>, se puede introducir el nombre de la página, que es fundamental con las etiquetas <title></title>
<head>
<title>Aquí iría el nombre de la página</title>
</head>
Una vez escrito estas etiquetas, es ir escribiendo el contenido de la página, que es cuando ya le empezamos a dar valores al contenido que irán dentro de la etiqueta <body></body> , por ejemeplo:
Etiqueta <p> </p> , esta etiqueta es la llamada ‘párrafo’ y sería para escribir párrafos claro… todo tipo de texto… largo, corto, etc. Por otro lado tenemos las etiquetas <h1> </h1>, <h2></h2>, <h3></h3>… que dan valores diferentes al texto como por ejemplo; h1 = título, h2= encabezado… y a medida que el numero disminuye el texto será mas pequeño.
También hay etiquetas para listas que aunque parezca mas complicado es muy sencillo:
<ul>
<li>lista1</li>
<li>lista2</li>
<li>lista3</li>
<li>lista4</li>
<li>lista5 </li>
</ul>
<ul></ul>, esta etiqueta, es la que engloba la lista, que nos dice que ahí hay una lista, como bien estáis viendo siempre hay que cerrar todas las etiquetas. Esta lista con esta etiqueta dice que tenemos una lista ‘desordenada’, que luego cada elemento irá entre <li></li> esta etiqueta de lista.
<ol>
<li>lista1</li>
<li>lista2</li>
<li>lista3</li>
<li>lista4</li>
<li>lista5 </li>
</ol>
Por otro lado está la etiqueta ‘ordenada’ que está entre las etiquetas <ol></ol>.
Por hoy ya es suficiente con tanta información, en la siguiente entrada os explicaré donde se ve cada etiqueta con imágenes de visualización.
Creado por: Bakartxo Alberdi Santiago
