HTML (III)

Párrafos y Saltos de línea

Lo primero que debéis saber es que aunque nosotros dejemos más de un espacio, un «intro» o cualquier otra cosa, el navegador no lo interpretara de esa manera a menos que se lo digamos con alguna etiqueta.

Para hacer párrafos, utilizaremos la etiqueta <p> y </p>, esa etiqueta creara un párrafo cada vez, como hemos podido ver en HTML(I):
<p> Esto es un párrafo </p>
<p>Esto es otro párrafo </p>

Esto quedaría así:

Esto es un párrafo

Esto es otro párrafo

Los párrafos pueden situarse a la izquierda, derecha, justificados, o en el centro. Todo depende del atributo que le demos. Los atributos van dentro de las etiquetas y les hacen comportarse de una manera determinada:

<p align=»center»> Esto es un Párrafo alineado en el centro </p>

<p align=»left»> Esto es un párrafo alineado a la izquierda </p>

<p align=»right»> Alineado a la derecha <p>

<p align=»justify»> Párrafo con alineación justificada <p>

De esta manera podemos diferenciar diferentes párrafos, para hacer un simple salto de línea no tenemos que utilizar <p> y </p>, la etiqueta indicada es:<br /> y así debemos de escribirlo:
una frase <br />
otra frase <br />
mas frases <br />
etc etc etc…

Como habréis podido comprobar, esta etiqueta se cierra a sí misma, y no es necesario poner dos (porque se cierra a si misma xD)y lo que hace es esto:
una frase
otra frase
mas frases
etc etc etc…

Como ya he comentado antes, los códigos HTML se pueden poner todos juntos, yo(para verlo mejor y por facilidad), siempre los agrupo de manera que se vea mejor y haciendo saltos de pagina. Vosotros podéis ponerlo como queráis.

Títulos/Cabeceras y separadores

Los títulos sirven básicamente para separar unas informaciones y otras, se escriben de esta manera:
<hx></hx>
Donde «x» es un numero del 1 al 6. Cuanto mas grande sea el numero más pequeña será la letra, por ejemplo

<h1>Esto es un h1</h1>

<h2>Esto es un h2</h2>

<h3>Esto es un h3</h3>

<h4>Esto es un h4</h4>

<h5>Esto es un h5</h5>
<h6>Esto es un h6</h6>

Cuando pones estos títulos no es necesario poner el <br /> puesto que el navegador ya lo identifica como titulo y se hace el salto automático.
Como complemento a esto podemos usar la etiqueta <blockquote></blockquote> que sirve para hacer comentarios, por ejemplo para hacer un comentario sobre algo en concreto o poner la letra de alguna canción:

<blockquote>

Esto es un comentario
Que puede ser de una canción
O simplemente para detallar algo.
</blockquote>

Todo esto, escrito en HTML, puede llegar a ser confuso y puede que necesitemos hacer comentarios para saber qué tipo de cosas vamos a hacer o simplemente para detallar mejor las partes de la página web. Para hacer un comentario es necesario escribir lo siguiente:

<–!Comentario–>
Estos comentarios no aparecerán en la página web, solo podrán verse si se abre el documento HTML, es una forma de estructurar la pagina web como nosotros queramos.

Por último en este apartado nombrar los separadores verticales, que pueden servir para separar temas, o hacer separaciones en blogs foros y demás cosas. Se hace igual que la etiqueta <br />, que como ya sabéis se hace una única vez si se cierra a sí misma, este separador se hace con la etiqueta <hr /> y aparecerá esto:


Por tanto si queremos hacer un foro, simplemente deberemos de hacer un PHP que cada vez que alguien postee ponga:


<hr />

<blockquote>Escrito por: <i>Sakrow</i><br />

<blockquote> Esto es un ejemplo de una forma de crear un comentario en un foro. A que mola!, ahora solo necesitas saber PHP</blockquote></blockquote>

<hr />