HTML: lenguaje básico para crear páginas web
Y ahora tambien aprende a programar en C++ con Aprende Web C++
y entérate de las novedades o deja un comentario.
última modificación: 13-07-2018.
Visitas este mes: 223
Visitas el mes pasado: 1014
Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:
Si este sitio te parece interesante puedes contribuir con una pequeña aportación.
Gran parte del contenido de las páginas web habituales está formado por texto. Por esto, es muy importante conocer los elementos y etiquetas que utiiza el HTML para manejar los textos. El código HTML tiene varias etiquetas para diferenciar el contenido de texto en secciones (o títulos) y párrafos. También tiene otras etiquetas para marcar o destacar elementos importantes dentro del texto.
Las etiquetas que delimitan secciones (títulos) y párrafos se definen como elementos de bloque.
los elementos de bloque son aquellos que tienden a ocupar todo el ancho de la página. De esta manera, párrafos, títulos, elementos de una lista, etc.. son elementos de bloque, ya que de no indicarse otra cosa ocuparán todo el ancho disponible. En ellos aunque el texto o elemento no ocupe toda la línea, el siguiente elemento se colocará en la línea siguiente.
Se definen como elementos en línea aquellos que no ocupan más que el espacio necesario para ser visualizados. Los enlaces, etiquetas para texto en negrita, cursiva o subrayado, las imágenes, etc. son elementos en línea, ya que de no indicar otra cosa, el siguiente elemento se verá a continuación de éste y en la misma línea.
Los títulos y párrafos, de los que nos ocupamos en esta página, son por tanto, elementos de bloque, todos ellos provocan un salto de línea, tanto de su elemento anterior, como del siguiente elemento que ha de visualizarse. Por supuesto, si dos títulos o párrafos van seguidos, se provoca un único salto de linea entre los dos.
Tal vez la etiqueta más utilizada en la composición de páginas sea la etiqueta que define los párrafos. esta es la etiqueta:
<p> Texto_del_parrafo </p>
Para crear un párrafo se encierra su texto entre las etiquetas
<p> ..... </p>
. Los párrafos creados con HTML son elementos de bloque, por lo que
siempre ocupan toda la anchura del elemento que los contiene (por defecto la ventana del navegador). La etiqueta
crea un salto de línea de manera que el elemento siguiente se coloca siempre empezando una nueva línea.
Hay hasta 6 etiquetas en HTML para definir títulos o secciones. Todas ellas llevan por
defecto el texto en negrita, y son: <h1>, <h2>, <h3>,
<h4>, <h5> y <h6>.
La etiqueta <h1>
es la de mayor importancia y por tanto se utiliza para definir los titulares de la página.
La importancia del resto de etiquetas es descendente, de forma que la etiqueta
<h6>
es la que se utiliza para delimitar las secciones menos
importantes de la página.
Todas ellas tienen su respectiva etiqueta de cierre, y al igual que en los párrafos, el texto del título va encerrado entre las etiquetas de apertura y cierre:
<h1> Texto_del_título de nivel 1 </h1>
<h2> Texto_del_título de nivel 2 </h2>
..............
<h6> Texto_del_título de nivel 6 </h6>
Al igual que los párrafos, estas son etiquetas de bloque, de manera que empiezan siempre al principio de una nueva línea y provocan que el elemento siguiente se coloque siempre al principio de una nueva línea.
El tamaño del texto de las etiquetas va decreciendo desde la h1
con un tamaño más grande a la
h6
que es la de menor tamaño.
Un buen ejercicio es hacer una página en la que se vea la diferencia entre las etiquetas que hemos visto anteriormente, nosotros vamos a hacerlo a continuación.
El siguiente código es el de una página en el que se muestran los distintos tipos de etiquetas de bloque vistos hasta ahora:
<html> <head> <title>Títulos y parrafos</title> </head> <body> <h1>Titulo de nivel 1: Etiqueta h1</h1> <h2>Titulo de nivel 2: Etiqueta h2</h2> <h3>Titulo de nivel 3: Etiqueta h3</h3> <h4>Titulo de nivel 4: Etiqueta h4</h4> <h5>Titulo de nivel 5: Etiqueta h5</h5> <h6>Titulo de nivel 6: Etiqueta h6</h6> <p>Este es un párrafo que esta delimitado por la etiqueta p de párrafo. y es un elemento de bloque al igual que los anteriores, por eso al acabar el texto salta a la línea siguiente.</p> <p>Este es otro párrafo, tambien creado con la etiqueta p, pero más corto.</p> </body> </html>
Si quieres ver cómo queda esta página en el navegador, pulsa el siguiente enlace:
En la siguiente página veremos otra serie de etiquetas para modificar el texto:
Sugerencias:
aprendeweb@aprende-web.net. Envia un
Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog
Más sobre anyelguti en http://anyelguti.16mb.com