jueves, 13 de diciembre de 2012

Etiquetas de Dreamweaver.

<HTML> inicio y final de Cada elemento de la pagina WEB.
<HEAD>Cabecera: agrupa enlaces externos y metas identificativos
<TITLE> Título de la página
<BODY> Cuerpo: agrupa el contenido de la página que será muestreado al navegador
<P> pasar a otro Parrafo
<BR> bajar un renglón
<B> negrita
<PRE> Esta es una porción de texto preformateado
<CENTER> centrar el contenido de un texto en un documento
<H1>, <H2>,...<H6> Encabezados
<HR> sirve para crear una línea o separador horizontal
<UL> Listas con viñetas o sin orden
<OL> Listas numeradas u ordenadas
<TABLE> señala la apertura y cierre de una tabla
<TR> inserta una fila en una tabla
<TD> inserta una celda de datos en una tabla
<A HREF=primera.htm></A> Insetar Vinculo
<IMG SRC="imgen1.jpg"> Insertar Imagen

Practica Final.

Primera Practica:

<html>
<head>
<title>cuarto de secundaria</title>
</head>
<body>
Ejemplo de tablas:
<BR>
<p>
<table border>
<TR>
    <TD>fila1-celda1</TD>
 <TD>fila1-celda2</TD>
 <TD>fila1-celda3</TD>
</TR>
<TR>
    <TD>fila2-celda1</TD>
 <TD>fila2-calda2</TD>
 <TD>fila2-celda3</TD>
</TR>
</table>
</body>
</html>

Segunda Practica:

<html>
<head>
<title>
</title>
</head>
<body>
Ejemplo de tablas:
<BR>
<p>
<table Border=5>
<caption>titulo de la tabla</caption>
<TR>
     <TD>fila1-celda1</TD>
  <TD>fila1-celda2</TD>
  <TD>fila1-celda3</TD>
</TR>
</table>
<BR>
<hr>
<BR>
<TABLE>
<BR>
<table>
<TD><img src="imagen1.jpg"></TD>
         para poner un enlace
<TD><A HREF="primera.htm">Ir a la primera pagina</A></TD>
</table>
</body>
</html>

Tercera Practica:

<html>
<head><title></title>
</head>
<body>
Hola soy yo. Estoy haciendo una pagina WEB.
<p>
Aqui paso a otro párrafo.
<BR>
<hr>
 Mi poema <p>
 Te contaré deseos en tus labios, <p>
 el placer será mi arma para soñar, <p>
 <BR>
 recorreré tu alma <p>
 y secuestraré tu amor <p>
<BR>
No habra rescate; <p>
Sólo pasón. <p>
<BR>
partes de mi computadora: <BR>
<UL>
    <LI> monitor.
 <LI> placa de sonido
 <LI> teclado
 <LI> Etc.
</UL>
<OL>
    <LI> monitor.
 <LI> placa de sonido.
 <LI> teclado
 <LI> Etc.
</OL>
</body>
</html>

HTML

Practica 1 :
<html>
<head>
<title>
     Mipágina de Web
</title>
</head>
<body>
    Hola, soy yo. Estoy haciendo una página WEB
 <p>
 Aqui paso a otro párrafo
 <BR />
 Aqui bajo un renglón
</body>
</html>
Practica 2:
<html>
<head>
<title>
  Mipágina de WEB
</title>
</head>
<body>
    <H1>título más grandecon H1</H1>
 <H2>Título menos grandecon H2</H2>
 <H3>t´tulo un poco menos grandecon H3</H3>
 <H4>título en letra normal con H4</H4>
 <H5>título en la letra chica con H5</H5>
 <H6>título en la letra bien chica con H6</H6>
 Hola, soy yo. Estoy haciendo una página WEB
 <p>
 Aqui paso a otro párrafo
 <br>
 aqui bajo un renglón
 <p>
 <CENTER>
 este texto esta Centrado
 <CENTER></BODY></HTML>
Pagina 3 :
<html>
<head>
<title>
   Mi página WEB
</title>
</head>
   Hola, soy yo. Estoy haciendo una página WEB
   <P>
   Aqui paso a otro párrafo
   <CENTER>
   Este texto esta centrado
   </CENTER>
   <HR width=10% SIZE=1>
   <HR width=30% SIZE=4>
   <HR width=100% SIZE=8>
</body>
</html>
Pagina 4 :
<html>
<head>
<title>
   Mi segunda Página de WEB
</title>
</head>
<body>
   <B>Estas palabras estan en Negrita</B>
   <P>
   <I>Estas palabras estan en Itálica</I>
   <P>
   <PRE>Este texto esta preformateado y esto va luego de 10 espacios en blanco.
   El texto actual fue escrito despues de dar un enter</PRE>
</body>
</html>
Pagina 5 :
<html>
<head>
<title>
   Mi segunda página de WEB
</title>
</head>
<body>
lista desordenada:
<UL>
    <LI> Monitor
 <LI> Placa de sonido
 <LI> teclado
 <LI> Etc.
</UL>
Lista ordenada:
<OL>
    <LI> Monitor
 <LI> Placa de sonido
 <LI> teclado
 <LI> Etc.
</OL>

</body>
</html>
Pagina 6:
<html>
<head>
<title>
   Mi segunda página de WEB
</title>
</head>
<body>
Lista de definicion:
<DL>
     <DT>Monitor
        <DD> Hardware de la computadora cyua Función es destruir ojos.
     <DT> Plca de sonido:
        <DD> Rompe la tranquilidad familiar.
  <DT> Teclado:
        <DD> Destructor de uñas
</DD>
     <!- Esto es un comentario al código que no verá en la pantalla-->
   El texto que figura como comentario en este Código no lo vemos en la pantalla
   <P>
   <B> Estas palabras estan en negrita</B>
   <P>
   <i>Estas palabras estan en itálica </i>
   </body>
</html>