Este es un Tutorial de como crear tu Primera web para los aun Novatos en HTML.
Seran varios Capitulos y alfinal tendran una WEB simple y diferente a otras.
Empezemos.
Que necesitamos?
<b>Block de Notas</b>
<b>Google Chrome o Mozilla (recomiendo Google Chrome</b>
<b>1 GB de espacio en tu Cerebro</b>
<b>Ganas de aprender(?)</b>
Bueno primero que nada debemos abrir el BLock de notas y hacer un Nuevo Documento.
En ese documento escribiran lo siguiente:
<!doctype HTML>
<body>
</body>
Explicacion:
<!doctype HTML>: le dice al documento que esto es una WEB.
<body>
</body>
son los parametros para escribir tu WEB.
!Siempre que aya una Etiqueta se cierra con un "/" y se encierra en <>!
Despues de eso deben hacer esto.
en su mismo formulario que tenian creado escriben lo siguiente entre la etiqueta "Doctype" y <body>
<title> El Titulo que se motrara en las Pestañas de el Navegador </title>
Despues de eso van a Archivo y a Guardar Como y ponen la Opcion Todos los Archivos y de nombre pongan esto
Nombre que quieras.html
El .html es para que el navegador reconsca que es una Pagina web.
Despues la abren con el Navegador que usen y veran que esta todo en BLanco menos la Pestaña con el Nombre que pusieron en las Etiquetas <title></title>.
Despues de eso en medio de las Etiquetas <body> </body> (ahi es donde se escribe lo que se muestra en la Pagina en el Navegador)
Escribiran lo que quieran que se muestre.
Yo Escribire "Esta es mi Primer Pagina Web, Gracias a Frame que es un Gran Profesor"
y le dan a guardar (no guardar como)
y despues en el navegador apretan F5 para que recarge y ahi tendran su WEB.
Eso fue todo por ahora en unos dias subire la Otra parte que contrendran "Header, Color de Texto, HiperEnlace"
Si les sirvio no les cuesta darme +Gracias o comentar
Segunda Clase
Aprendamos los Header.
Que son los Header?
Son las Cabeceras de un texto.
Ejemplo.
Header
Header
Header
Header
Header
Como se usan?
facil con las siguientes Etiquetas.
<h1> Este es el Mas grande de todos, normalmente se usa en los titulos </h1>
<h2> Header no tan grande> </h2>
<h3> Header menor que el 2 </h3>
<h4> Lo mismo que antes menos que 3 </h4>
<h5> Menor que 4 </h4>
<h6> Menos que 5 </h6>
<h7> menos que 6 el ultimo y el mas chico </h7>
como ven viene disminullendo y cuando mas grande mas chico el Header.
Hiper Link
Que son?
Los Link que se usan (un link nada mas)
Como se usan?
Con este simple comando.
<a href="aqui va el link">Nombre que se muestra en el Link </a>
EXPLICO.
Empezamos con <a, despues ponemos href="" para que el HTML lo apruebe, despues cerrameos con > y escribimos el Nombre del Link, y cerramos con </a>
Ejemplo: <a href="http://pokemon-stats.com/foros/"> Pokémon Stats Foros </a>
Color te Texto
Que es?
Simple cambia el Color de texto.
Texto
Como se usa?
Con esta simple etiqueta.
Primero que nada deben entrar a esta Pagina.
http://html-color-codes.info/
Ahi tiene un Programa no desxcargable que dice el COlor para poner en el HTML.
Y como se usa?
Con la siguiente etiqueta.
<span style="color: blue;">Texto en azul</span>
Simple no?
<span style="color:"
despues de eso ponen un color en ingles o copian el Color del programa anterior que esta en HEX ejemplo.
<span style="color:#FFFF00">Texto en Amarillo</span>
nada mas xD
SAludos
