QUE ES HTML? HTML es el lenguaje con el que al escribir etiquetas creamos páginas web. Las páginas se visualizan por medio de un navegador (Internet Explorer, Netscape...). El HTML no es el único lenguaje que existe, es simplemente el básico, ya que los demás lenguajes como Php, Asp, Java script... también requieren de algunos códigos de HTML para poder funcionar. Debido a que hay distintos navegadores, a veces se pueden omitir o agregar códigos para que otros navegadores puedan también visualizar una página.
LOS CODIGOS Las instrucciones, códigos o "tags" de HTML van entre dos signos < y >. Para que un texto se ponga en negrilla es <b>Soy magnífico</b>. *<b>y </b> Todas las páginas html comienzan con el código de inicio <HTML> y terminan con el código </html>. <html> </html>
División de las paginas html Las páginas HTML se dividen en un encabezado y un cuerpo. <head> </head> <body> </body> Quedando la estructura base así: <html> </html>
Otros comandos *Le ponemos título a la página con la instrucción <title> </title>: <head> <title>Mi primera Pagina</title> </head> *Para colocarle un color de fondo utilizamos el comando: Bgcolor: Sirve para poner un color fijo de la página. Como ya indicamos en el capítulo anterior se indica con el nombre del color (en inglés) o el valor RGB. <body bgcolor="#00CCFF"> * Si queremos poner las letras de distinto tamaño empleamos el atributo SIZE="": <FONT SIZE="+1">texto</FONT> *texto en cursiva a tributo<i> </i> Poner un <i>texto en cursiva</i> *para poner subrayado <u> </u> <u>subrayado</u>
<FONT COLOR="BLUE">este texto se pone en azul</font> *<FONT COLOR="entre estas comillas va el nombre o el número del color">aquí el texto al que queremos dar color</FONT>: <FONT COLOR="BLUE">este texto se pone en azul</font> *Podemos colocar viñetas para esto hay tres tipos: circle square disc Estos se pueden poner con el atributo type, ya sea en la etiqueta <ul> o <li>: <ul type="square"> <li>México <li type="circle">Estados Unidos <li>Canadá </ul> Resultado: México Estados Unidos Canadá
*Para alinear el texto utilizamos el atributo align: Align=left para alinear a la izquierda Align=right para alinear a la derecha Align=center para centrar el texto. EJEMPLO "ALINEAR A LA DERECHA" <p align="right">alineamos el texto a la derecha</p> Alineamos el texto a la derecha
El elemento para crear una línea horizontal es HR *El elemento para crear una línea horizontal es HR. Este "tag" no necesita un "tag" de cierre, se le puede dar varios atributos: Width: largo de la línea en # de pixeles o porcentajes del doc. Size: para asignar el ancho de la linea Noshade: para el fondo de la línea Ejemplo: Línea de 100 pixels <HR WIDTH=100> Línea del 100% del ancho del documento <HR WIDTH=100%>
*Para mantener el texto formando un párrafo o bloque de texto utilizamos el "tag" <p>aqui va el texto</p> <p> </p> Debemos controlar que el texto se mantenga junto y que haya una línea de espacio para pasar a la siguiente línea utilizamos el comando<br> que no necesita cierre: La casa<br> El perro<br> El niño<br> Las vacaciones<br>
*Los encabezamientos se realizan con el siguiente comando “Hx” donde x es un número el cual nos variara el tamaño del encabezamiento: <H1>Encabezamiento muy grande</H1> Encabezamiento muy grande <H2>Encabezamiento grande</H2> Encabezamiento grande *Para indicar el margen de la página utilizamos: Leftmargin: Indica el espacio de los lados de la página (derecha e izquierda). Topmargin: Indica el espacio del borde superior e inferior. Marginwidth: Es el equivalente a leftmargin. Marginheight: Es el equivalente a topmargin. <body leftmargin="2" topmargin="2" marginwidth="0" margin height="1">
*Para crear enlaces remotos, e-mail: Remotos: Este tipo de enlaces son para acceder a páginas que están fuera de nuestros sitios. Es igual que un enlace local, pero el URL (nombre del sitio) debe empezar por http://. Ejemplo: <a href="http://microsoft.com">Microsoft</a>, resultado: Microsoft. Pero también tiene 4 propiedades, junto con el atributo target para abrir de distintas formas un enlace: blank: Esta propiedad hace que la ventana se abra en una página por aparte, una ventana nueva. top : Se abre a pantalla completa, sin frames Self: Esta propiedad abre el enlace en la misma página en la que está, es la propiedad por defecto. parent: El enlace se abre sobre su padre, si no hay un padre se abre en la misma página. E-mail: Estos enlaces nos dirigen a una dirección de mail. Se coloca el atributo mailto: después del href, seguido del mail. Ejemplo: <a href="mailto:leoj90[arroba]gmail.com">leoj90[arroba]gmail.com</a>, resultado: leoj90[arroba]gmail.com.