FANDOM


HTML
Para la ultina lección solo crearemos el fichero de la que seria tu web. Utilizaremos todos los codigos que hemos aprendido durante todas las lecciones y veremos como nos queda.








<html>
<head>
<title>Mi primer Web</title>
</head>
<body bgcolor="black" text="white" link="blue" vlink="purple">
<table width="85%" align="center">
<tr><td>
<h1><p align="center"><font color="red">Tutorial</font></p></h1>
 
<h2><a href="http://enreas.wikia.com">Página y Enlaces</a></h2>
 
<p>Como vas a ver arriba en el encabezado aparecerá hemos puesto "Mi 
primer Web" lo que significa que aparecerá en la parte superior 
"<a href="http://es.dunkel.wikia.com">Mi primer Web</a>" esto remplaza al nombre del fichero que hemos puesto 
para guardarlo.
También ves los títulos en los que utilice h1 y h2 también se puede utilizar más, mientras más grande el numero mas pequeña las letras</p>
<p>Ahora debiste ver que encerré cada párrafo entre "p" lo que 
significa que estoy limitando un párrafo. Además en body puse bgcolor
lo que significa que voy a dar color a la pagina  es color que ves en 
este momento.</p>
<p>En este párrafo veremos los tipos de letras así que mira como <b>estas palabras están de negrita</b>, <i>estas palabras están de cursiva</i>, <u>y estas están subrayadas</u>.<br>
También vimos los colores cosa que es muy sencillo por ejemplo <font color="red">estas son de color rojo</font>, 
<font color="green">estas son de color verde</font> y cómo ves podemos ponerle de cualquier color. También se puede cambiar el tamaño de la <font size="+1">Letra</font> como veremos en la nota.<br>
 
<font size="+2">Nota</font>: Por ejemplo a mí se me a ocurrido poner unos enlaces en nota los que llevaran a <a href="http://www.aulafacil.com"> esta página</a>, que es muy útil y aparte de eso utilice "font size" para cambiar el tamaño de la palabra. 
Debo añadir que use y usare enlaces durante toda la página las cuales llevaran a diferentes wikis de wikia en donde encontraran cosas interesantes. </p>
 
<h2>Estructura</h2>
En la estructura utilice una tabla para hacer más pequeña la página además a la pagina le puse el fondo de color negro letra blanca enlaces de color azul y los ya visitados de color purpura con los códigos que viste.
 
<h2>Imagenes</h2>
<table border="0px" width="100%" cellpadding="2" cellspacing="2">
<tr>
<td>
Ahora veremos las imágenes debo aclarar que tu debes poner tus propias direcciones de las imágenes
</td>
</tr>
</table>
<table border="0px" width="100%" cellpadding="2" cellspacing="2">
<tr>
<td width="15%">
<a href="http://es.heavymetal.wikia.com"><img border="2px " src="D:\Hacker.jpg\" width="167" height="167"></a>
</td>
<td  width="85%">
<p>Aquí puse que la imagen debe tener de alto y ancho 167 pixeles y un borde de 2 pixeles.<br>
Además añadí una tabla para que sea un poco ordenado aunque esta con borde igual a cero para que no la vean.<br>
Incluí un enlace a una página.
</p>
</td>
</tr>
</table>
<h3>Tablas</h3>
<p><table border="2px" cellpading="2" cellspacing="2" width="100%">
<tr>
<td bgcolor="red">
Cuadro 1
</td>
<td bgcolor="red">
Cuadro 2
</td>
</tr>
<tr>
<td bgcolor="blue">
Cuadro 3
</td>
<td bgcolor="blue">
Cuadro 4
</td>
</tr>
</table>
<table width="100%">
<tr><td>
Como verán forme una tabla con 2 filas y 2 columnas con borde de 2 pixeles  espacio entre palabra y celda de 2 pixeles 
para que noten como se forma una tabla otro ejemplo esta puesto más arriba en la sección de imágenes en donde igualmente esta una tabla pero sin borde 
esto fue hecho solo para ordenar el contenido. 
</td></tr></table>
</p><br><br><br><br>
<p>
<p><p align="center">Esta es una línea en la que utilicé "hr".<br>
De largo 400 pixeles y de ancho 5 pixeles</p>
</p>
<hr width="400" size="5">
<p align="center">Firma</p></p>
 
<!--Disculapar por lo mal ordenado que esta el código :P(<a href="http://es.hacker.wikia.com/wiki/HTML/Lección_7">este comentario no se publica</a>)-->
 
<comment>"<a href="http://es.hacker.wikia.com/wiki/HTML">Gracias por todo</a>"</comment>
 
</td></tr></table>
</body>
</html>

Nota: La explicación de todo lo visto en la lección esta dentro el contenido del código, te recomiendo copiar el código, ponerlo a correr y analizar cómo se forma la pagina.

GRACIAS POR TODO

Anterior HTML/Lección 7