Estructura de html Introduccion y Practica
Despues de mucho tiempo les dejo para todos mis amigos que visitan el blog un sencillo tutorial para concer mejor la estructura de html, conociendo y aplicando cada cosa, este tutorial es inedito y esclusivo hecho por mi, ya lo habia posteado en mi blog de diosdelared, pero ahora se los comparto a ustedes sencillo y facil.
Comenzemos,,
Primero vamos a agregar la etiqueta <HTML> esta etiqueta identificara de ke forma esta nuestra web, recuerden poner siempre los <>
<HTML>
Ahora el siguiente paso es agregar la etiqueta <HEAD> ke en español seria cabezera
<HTML>
<HEAD>
Bien como estamos ahorita dentro de la etiqueta cabezera pues por logica pondriamos nuestro titulo, las etiquetas del titulo son <Title> lo uniko ke cambia aki esk lo usaremos segido como les dije sera la de titulo asi ke seguido de <Title> meteremos nuestro titulo ke podria ser MI WEB PERSONAL perooo como todo lo ke inicia tiene ke finalizar le pondremos la etiqueta </Title> el / nos indica ke algo de finaliza, y lo utilizaremos siempre ke vallamos a cerrar alguna otra etiqueta. Bien entonces quedaria asi
<HTML>
<HEAD>
<Title> MI WEB PERSONAL </Title>
Ok y como lo acabe de decir como ya no pondremos mas en la cabezera cerraremos de igual forma agregando la / osea </HEAD>
<HTML>
<HEAD>
<Title> MI WEB PERSONAL </Title>
</HEAD>
Ahora lo ke sigue es el cuerpo de nuestra pagina y en html lo conocemos con body, lo ke variaremos aki es que le incluiremos el color de fondo. pero antes de colocar un color de fondo deben saber que cada color tiene su propio codigo y cada codigo nos da diferentes tonalidades un ejemplo es #FFFFFF que es el blanco, y poes seguro ya lo han visto en programas de diseño como el photoshop, aqui una tablita de colores por si les sirve
Rojo = #FF0000
Azul = #0000FF
Verde = #00FF00
Amarillo = #FFFF33
Pero si no tienes a la mano ningun programa de diseño, y no te acuerda de ningun codigo existe la otra opcion con la desventaja ke no puedes usar tonalidades mas altas o mas bajas pero es mas rapido, que es escribir el nombre del color en ingles, para los ignorantes ke no saben spaninglish les dejo los coloress en ingles como de ke no!
violeta = purple
azul = blue
verde = green
amarillo = yellow
anaranjado = orange
rojo = red
negro = black
blanco = white
marrón = brown
rosado = pink
Bien pues eso tambien les servira, pero regresando al tema, estabamos en ke le i vamos a incluir al body nuestro color de fondo despues de la etiqueta <body dejaremos un espacion y seguido pones bgcolor=”codigo del color”> y listo, es necesario poner las comillas para visualizar el color., ahora ne los colores yo usare el color negro, y como es muy facil solo basta poner #000000 o bien black si ustedes lo desean
, entonces seria;
<body bgcolor=”#000000″> o bien <body bgcolor”black”> cualquiera de los dos da igual
<HTML>
<HEAD>
<Title> MI WEB PERSONAL </Title>
</HEAD>
<body bgcolor=”#000000″>
Como nuestro fondo esta en color negro necesariamente tenemos ke cambiar el color de texto, ya ke por default siempre esta negro y si lo dejamos asi obviamente no se vera, por lo cual utilizaremos otra etiqueta mas la cual nos servira como color,
la cual se llama font ke seguro ya habran escuchado de el,
font = fuente, y despues de font dejamos espacio y ponemos color ponemos igual y las comillas ke son necesarias
osea <font color=”#codigo del color”>
en el codigo de color hacemos lo mismo ke el color de fondo <font color=”#FFFFFF”> o <font color=”#white”>
<HTML>
<HEAD>
<Title> MI WEB PERSONAL </Title>
[/HEAD]
<body bgcolor=”#000000″>
<font color=”#FFFFFF”>
Ahora centraremos nuestros textos, aun que si quieren pueden ponerlo a la izquierda o derecha, Aqui la tablita,
<left>izquierda</left>
<center>centro</center>
<right>derecha</right>
yo usare el de center, kedando
<HTML>
<HEAD>
<Title> MI WEB PERSONAL </Title>
</HEAD>
<body bgcolor=”#000000″>
<font color=”#FFFFFF”>
<center>
y bueno a poner un texto pero lo pondremos como si fuera el titulo del contenido, y un titulo siempre es grande para hacer eso basta con poner <h1></h1> deben saber ke entre mas grande sea el numero la letra sera mas pequeña es decir si h1 es enorme h2 sera grande y asi sucesivamente hasta el 6,
bien usaremos esta etiqueta y dentro de ella podemos escribir algo por Ejemplo <h1>Megabyte dice: Oing oing<h1> kedando
<HTML>
<HEAD>
<Title> MI WEB PERSONAL </Title>
</HEAD>
<body bgcolor=”#000000″>
<font color=”#FFFFFF”>
<center><h1>Megabyte dice: Oing oing<h1>
y ahora a cerrar todas las etiketass
primero cerramos </center>,
<HTML>
<HEAD>
<Title> MI WEB PERSONAL </Title>
</HEAD>
<body bgcolor=”#000000″>
<font color=”#FFFFFF”>
<center><h1>Megabyte dice: Oing oing<h1></center>
Font, Body y html y listo!!
<HTML>
<HEAD>
<Title> MI WEB PERSONAL </Title>
</HEAD>
<body bgcolor=”#000000″>
<font color=”#FFFFFF”>
<center><h1>Megabyte dice: Oing oing<h1></center>
</font>
</body>
</HTML>
puff.. el resultado tendria ke ser esto.
[img]http://i26.tinypic.com/2ahiec4.jpg[/img]
y eso es todo como vieron el tutorial estuvo exageradamente largo para tan pocas cosas pero es para ke les kede bien claro a los ke kieren saber html y vean ke es lo mas facil del mundo!! y no me anden preguntando a kada rato mas ese attakers xD
y buenoo para la proxima parte ya no sera tan explisito, si mas rapido esto solo fue como una introduccion xD.
bien ahii luego nos vemosss, cualquier error me dicen.
zaz!
