5 - Manual de HTML I
∞ Daru ∞
Bueno, aquí me leen en este tutorial de Html, que no va a ser todo de un jalón, si no mas bien poco a poco.
Ahora empezamos: Html significa "Hyper Text Markup Leguaje" ósea "Lenguaje de marcado de hipertexto".
Esto significa que cuando hacemos una pagina en Html no le decimos exactamente como va a ser la pagina, sino que le decimos como queremos que sea la pagina; para entender mejor este concepto:
Imaginen una pagina en Html que diga <Un circulo rojo>
, al abrirla se vería un circulo rojo y no el texto "Un circulo rojo" ok?
Bueno, así ya captamos que las paginas nunca se van a ver iguales en todos los navegadores y todas las computadoras, lo que nos sugiere que hagamos nuestras paginas lo mas compatible posibles.
Ahora, antes de empezar debes saber que el Html se DEBE escribir en ASCII ósea utilizando cualquier editor de texto sin formato como el Bloq de notas para Windows, el edit para MS-DOS o Emacs y vi para linux o unix.
Hoy en día hay muchos editores WYSIWYG (lo que ves es lo que obtienes) como FrontPage, DreamWaver, etc. y esos editores te ahorran el trabajo de editar todo el Html por ti mismo. Por lo que este tutorial se reducirá a solo enseñarte las etiquetas para que puedas leer una pagina sin necesidad de abrirla, o para poder editarla o cambiar cosas que no podrías directamente desde el editor.
Ahora vamos a empezar con las reglas básicas:
las etiquetas se empiezan con <etiqueta>
y se cierran con </etiqueta>
No importa cuantos espacios pongamos entre las letras, siempre darán el mismo resultado. [excepto <pre>]
No importa si las escribes las etiquetas en mayúsculas o minúsculas, darán el mismo resultado.
Y terminamos con las etiquetas básicas
<Html> para empezar una pagina Web. ( se cierra con </Html> )
<head> para poder poner el titulo a la pagina (se cierra con </head> )
<title> para poner el titulo (así <title>daru's pagina</title> )
<body> Para empesar el cuerpo del html
<p> para empezar a escribir texto (como el title)
Finalmente ya podemos hacer una pagina muy sencilla cono esta:
<html> <head> <title>daru's pagina</title> </head>
<body><p>Mi pagina esta en construcción, por favor visítanos mas adelante</p></body>
</html>