Hypertext markup language HTML (página 2)

Partes: 1, 2

Documento HTML con cabecera
< html>
< head>
Elementos de la cabecera
< /head>
… Resto de código de la página …
< /html>

Documento HTML con título
< html>
< head>
< title>Mi primera página WEB< /title>
< /head>
< /html>

Documento HTML con contenido
< html>
< head>
< title>Mi primera página WEB< /title>
< /head>
< body>
Hola a todos, como han deducido por el titulo esta es la
primera pagina web que hago, espero que les
guste. Seguiré mejorando.
< /body>
< /html>

Documento HTML con encabezados
< h1>Encabezado 1< /h1>
< h2>Encabezado 2< /h2>
< h3>Encabezado 3< /h3>
< h4>Encabezado 4< /h4>
< h5>Encabezado 5< /h5>
< h6>Encabezado 6< /h6>

Uso de etiquetas HTML
< HR>
Dibujo de líneas horizontales
< BR>
Escritura de contenido sin tener en cuenta espacios en blanco
 
< P>
Escritura de párrafos
Comentarios < !– Esto es un comentario –>

Presentación de texto en HTML
Alineamiento align "center", "left" y "right"
Espaciado < br>  
Tipo de letra
< B>, < I>, < TT>, < STRIKE>, < BIG>, < SMALL>, < SUB>, < U>
< SUP>, < SUB>, < STRONG>, < EM>, < CODE>, < SAMP>, < VAR>
< CITE>, < DFN>, < PRE>
Tamaño de letra < FONT SIZE="">
Color de letra < FONT COLOR="#RRGGBB">

Presentación de texto en HTML
Escritura de caracteres del alfabeto español
á, é, í, ó, ú, ñ Á, É, Í, Ó, Ú, Ñ
Escritura de caracteres especiales
< , >, &, "

&#nnn;

Presentación de texto en HTML
Listas
Numerada u ordenada < OL> < LI>
No ordenada < UL> < LI>
Listas de glosario o de definición < DL> < LI>
Menús < MENU> < LI>
Listas de directorio < DIR> < LI>

Tablas < TABLE>, < TR>, < TH>, < TD>

Imágenes en HTML
< img src=“image001.gif">

< IMG>
La imagen tiene que estar en un archivo separado
Ejemplos de tipo de archivo: BMP, GIF, JPEG, XPM, XBM, PNG, TIFF,

Enlaces hipertexto en HTML
Página en otro directorio: dir/subdir/arch
Uso de anclas:
< a name="nombreAncla">Comienzo< /a>
Referencia externa:
< a href="http://www.sitio.com/ancla_en#S">Texto sensible< /a>

Apariencia de una página
Color de fondo < body bgcolor="#RRGGBB">
Imágenes de fondo < body background="fondo1.jpg">
Imágenes y texto
< h2> < img src=“dibujo.gif">Texto …< /h2>
Imagen de enlace
< a href="index.htm">
< img src="img/izda.gif">
< /a>

Otras facilidades en HTML
Uso de frames
Videos
Sonido
Multimedia
< A HREF=“archivo_multimedia">
Un archivo multimedia
< /A>

Otras facilidades en HTML
Plug-ins
Cookies
Applets
Formularios
Botones de acción
Botones de Selección
Cajas de selección
Cajas de texto multilínea