Al Final Por Favor Comenten que les pareció para mantener la página, NO tienen que registrarse.
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet.
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet.
Este lenguaje está constituido de elementos que el navegador interpreta y las despliega en la pantalla de acuerdo a su objetivo. Veremos que hay elementos para disponer imágenes sobre una página, hipervínculos que nos permiten dirigirnos a otra página, listas, tablas para tabular datos, etc.
Para poder crear una página HTML se requiere un simple editor de texto (en nuestro caso emplearemos este sitio) y un navegador de internet (IExplorer, FireFox etc.), emplearemos el navegador que en este preciso momento está utilizando (recuerde que usted está viendo en este preciso momento una página HTML con su navegador).
Las instrucciones HTML están encerradas entre los caracteres: < y >.
Muchos elementos HTML requieren una marca de comienzo y otra de finalización. Todo aquello que está fuera de las marcas del lenguaje se imprime en la pantalla (dentro del navegador).
La estructura básica de una página HTML es:
<html> <head> </head> <body> Cuerpo de la página. </body> </html>
Una página HTML es un archivo que generalmente tiene como extensión los caracteres html. Por ejemplo podemos llamar a nuestra primer página con el nombre: pagina1.html
Si observamos toda página comienza con la marca:<html> y finaliza con la marca:</html>
Los fines de marcas tienen el mismo nombre que el comienzo de marca, más el caracter /
Una página HTML tiene dos secciones muy bien definidas que son la cabecera:
<head>
</head>
Y el cuerpo de la página:
<body>
Cuerpo de la página.
</body>
Todo el texto que dispongamos dentro del <body> aparece dentro del navegador tal cual lo hayamos escrito.
Todas las páginas tiene como mínimo esta estructura: cabecera y cuerpo.
Otra cosa importante es que el lenguaje HTML no es sensible a mayúsculas y minúsculas, es decir podemos escribirlo como más nos guste, además no requiere que dispongamos cada marca en una línea (podríamos inclusive escribir toda la página en una sola línea! cosa que no conviene ya que somos nosotros quienes tendremos que modificarla en algún momento).
ESCRIBAN TODO ENTRE LAS ETIQUETAS <BODY>
ESCRIBAN TODO ENTRE LAS ETIQUETAS <BODY>
<marquee direction="left" style="background:#CC3333" scrollamount="3">Me muevo de un lado a otro con un fondo de color</marquee>
<marquee style="border:#B40431 5px SOLID" scrollamount="3">Con una instrucción de borde cambio un poco</marquee>
CABECERA 1
CABECERA 2
CABECERA 3
CABECERA 4
CABECERA 5
CABECERA 6
<H1>CABECERA 1</H1>
<H2>CABECERA 2</H2>
<H3>CABECERA 3</H3>
<H4>CABECERA 4</H4>
<H5>CABECERA 5</H5>
<H6>CABECERA 6</H6>
ESTO ESTA EN LETRA VERDANA AZUL Y TAMAÑO DE 1
ESTO ESTA EN LETRA ARIAL
ESTO ESTA TRES VECES MÁS GRANDE QUE LA LÍNEA ANTERIOR
ESTO ESTA EN LETRA NEGRITA
ESTO ESTA EN LETRA CURSIVA
ESTO ESTA SUBRAYADO
ESTO ESTA GRANDE
ESTO ESTA PEQUEÑO
AQUI UTILIZAMOS SUPER INDICE
AQUI UTILIZAMOS SUB INDICE
<FONT FACE= "VERDANA" COLOR= "BLUE" SIZE=1> ESTO ESTA EN LETRA VERDANA AZUL Y TAMAÑO DE 1 </FONT>
<FONT FACE= "ARIAL" SIZE=3> ESTO ESTA EN LETRA ARIAL </FONT>
<FONT SIZE=+3> ESTO ESTA TRES VECES MÁS GRANDE QUE LA LÍNEA ANTERIOR </FONT>
<b>ESTO ESTA EN LETRA NEGRITA </B>
<I>ESTO ESTA EN LETRA CURSIVA </I>
<U>ESTO ESTA SUBRAYADO </U>
<BIG>ESTO ESTA GRANDE </BIG>
<SMALL>ESTO ESTA PEQUEÑO </SMALL>
AQUI UTILIZAMOS SUPER <SUP> INDICE </SUP>
AQUI UTILIZAMOS SUB <SUB> INDICE </SUB>
<HR WIDTH=80%>
<HR>
<HR WIDTH=600 SIZE=3 ALIGN=RIGHT COLOR="BLUE">
ESTO ESTA EN NEGRO
ESTO ESTA EN AMARILLO
ESTO ESTA EN VIOLETA
ESTO ESTA EN BRONCE
ESTO ESTA EN CORAL
<FONT COLOR= BLACK> ESTO ESTA EN NEGRO</FONT COLOR= BLAK>
<FONT COLOR= "#FFFF00">ESTO ESTA EN AMARILLO</FONT COLOR= "#FFFF00">
<FONT COLOR= "#9F5F9F">ESTO ESTA EN VIOLETA </FONT COLOR= "#9F5F9F">
<FONT COLOR= BRONZE>ESTO ESTA EN BRONCE</FONT COLOR= BRONZE>
<FONT COLOR= CORAL> ESTO ESTA EN CORAL</FONT COLOR= CORAL>
| 1 | a |
|---|---|
| 2 | b |
| 3 | c |
| 4 | d |
| 5 | e |
| 6 | f |
| 7 | g |
<table width="467" height="169" border="1" cellpadding="1" cellspacing="1">
<tr>
<th scope="row">1</th>
<td>a</td>
</tr>
<tr>
<th scope="row">2</th>
<td>b</td>
</tr>
<tr>
<th scope="row">3</th>
<td>c</td>
</tr>
<tr>
<th scope="row">4</th>
<td>d</td>
</tr>
<tr>
<th scope="row">5</th>
<td>e</td>
</tr>
<tr>
<th scope="row">6</th>
<td>f</td>
</tr>
<tr>
<th scope="row">7</th>
<td>g</td>
</tr>
</table>
- ELEMENTO 1
- ELEMENTO 2
- ELEMENTO 3
- ELEMENTO 1
- ELEMENTO 2
- ELEMENTO 3
- ELEMENTO 1
- ELEMENTO 2
- ELEMENTO 3
<OL TYPE= I>
<LI> ELEMENTO 1
<LI> ELEMENTO 2
<LI> ELEMENTO 3
</OL>
<OL TYPE= 1 START=2>
<LI> ELEMENTO 1
<LI> ELEMENTO 2
<LI> ELEMENTO 3
</OL>
<OL TYPE= a>
<LI> ELEMENTO 1
<LI> ELEMENTO 2
<LI> ELEMENTO 3
