Aprende html basico [part 1]

por Sniper_elite Vie Jun 08, 2012 10:23 pm

sin mas que decir, empiezo.

PARTE 1 - LO BÁSICO

En html, debemos saber que un documento está dividido en 3 partes:

Código:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "****://***.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="****://***.w3.org/1999/xhtml"> <head> </head> <body> </body> </html>

La primera parte,

Código:: <html>

que no determina casi nada en la página por parte visual.
La segunda parte, el

Código:: <head>

, es la cabecera de la página.
Y el

Código:: <body>

, donde se desarrollará casi todo.

¿Qué se puede agregar en el head?
Pues yo agregué esto:

Código:: <meta ****-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>xhtml</title> <link rel="stylesheet" type="text/css" href="Untitled-2.css" />

Entre

Código:: <title>

y

Código:: </title>

deberá estar el nombre de la página.
El link rel lo explicaré un poco más abajo.

También hay que tener claro que todo lo que se abra con

Código:: <****>

deberá cerrarse con la misma etiqueta pero antes de las letras una barra (/), con lo que quedaría así:

Código:: </****>

En la primera parte vamos a trabajar con:

Código:: -<h1> => Titular de primer nivel. -<h2> => Titular de segundo nivel. -<h3> => Titular de tercer nivel. -<p> => Párrafo -<ul> y <li> => Listas -<span> => Elemento en línea

Y en la parte de CSS con:

Código:: -font-family -color -background-color -border -display -margin -text-align -font-size

Voy a hablar de la estructura de una página web. Una página web se compone de tres capas: Una de contenido, otra de presentación y una última de comportamiento.
Con esto, podremos hacer lo que queramos. Obviamente necesitaremos SQL, por ejemplo, pero no es NECESARIO para colgar en internet un bonito diseño.

De los errores se aprende, si practican como yo, todos los dias, se memorizaran Todos los comandos :afro: