REPUBLICA

Objetivo: El objetivo de esta pagina es publicar a la Republica Mexicana asi como tambien sus Estados y Capitales recalcando lo aprandido en Programacion y Diseño de Paginas Web.


DESARROLLO: Estas fueron las etiquetas utilizadas para la creacion de hipervinculos en la misma pagina:


(ol)
(li)
(p align="left")(a href="index2.htm")ESTADOS AL NORTE(/a)(/li)
(li)
(p align="left")(a href="index3.htm")ESTADOS AL SUR(/a)(/li)
(li)
(p align="left")(a href="index4.htm")ESTADOS AL ESTE(/a)(/li)
(li)
(p align="left")(a href="index5.htm")ESTADOS AL OESTE(/a)(/li)
(/ol)


Y les quedaria como se puede observar en la imaden poeterior:

Estas fueron las etiquetas utilizadas para crear una tabla:

(p align="center")(table border="1" width="52%")

(tr)

(td width="220")ESTADO(/td)

(td)CAPITAL(/td)

(/tr)

(tr)

(td width="220")DURANGO(/td)

(td)DURANGO(/td)

(/tr)

(tr)

(td width="220")ZACATECAS(/td)

(td)ZACATECAS(/td)

(/tr)

(/table)

CONCLUCION: En esta practica aprendii a saber como esta constituida una tabla en HTML y ademas a repasar los estados y ls capitales de la republica mexicana. Ahhhh¡¡¡¡ y por logica en ves de usar los () se tiene que usar <>....


REPUBLICA MEXICANA

CARACTERES ESPACIALES y TABLAS

CRACTERES ESPECIALES

OBJETIVO: Conocer las caracteres espaciales que se utilizan en el diseño de paginas web en HTML.

• Una pagina web puede ser vista desde distintos lugares, que es otro conjunto de caracteres diferentes en  el lenguaje HTML, nos ofrece un mecanismo por el que podemos estar seguros que una serie de caracteres raros se va a ver bien en los ordenadores, independientemente del juego de los mismos. 
• ESte conjunto de caracteres espaciales se insertan con codigo ASCII.

EJEMPLOS:

• Alt + 165 = Ñ
• á = "&aacute"
• é = "&eacute"
• ü = "&uuml" 
• ¿ = "&iquest"

CODIGOS ASCII

ENLACES EN HTML ........ (hipervinculos)

OBJETIVO: Conocer la formas por la cuales se generan hipervinculos en HTML colocar un enlace es muy facil y detectarlo en la pagina web lo es mas solo basta com ceslizar el mouse en la misma y en los enlaces aparecera una mano indicando un enlace.

Para colocar un enlace utilizzaremos la siguienta etiqueta (a) (/a) donde la etiqueta de aperrtura debera especificar el destino del enlace para esto utilizaremos el atributi "href"


EJEMPLO:

• (a href="destino")(/a)

Dentro de la misma pagina tambien podemos insertar una direccion de correo un archivo etc.... para esto hay distintos tipos de enlaces:

• Enlaces Internos: estos estan dentro de la misma pagina.
• Enlaces Locales: se dirigen a otra pagina del mismo sitio.
• Enlaces Remotos: dirigidos hacia paginas de otros sitios.
• Enlaces con direcciones de correo: para crear un msj de correo.
• Enlaces con Archivos: para colocar archivos o ficheros a descargar.

Enlaces Internos: Para crear un enlace de este tipo es nesesario, aparte del enlace propiamente dicho, un segundo enlace es colocarle el destino.

¿Queremos que este enlace te lleve a un lugar de la pagina?


R= (a href="#abajo")ir abajo(/a)


El contenido del enlace es el texto ir abajo.
El destino abajo.
# = especifica al navegador que el enlace apunta en una secciion en particular.


En segundo lugar hay que crear un enlace en el destino:


(a name="abajo")(/a).


Enlaces Locales: Hemos de crear una etiqueta de la siguiente forma.


(a href="archivo.html")NARUTo(/a)


Los locales pueden a su ves apuntar a una seccion concreta de la pagiina web, este tipo de enlace es un hibrido internoy local la sintaxis es:


(a href="archivo.html # seccion")contenido(/a)
(a name="seccion")(/a).


Enlaces externos de correo y hacia archivos:


Enlaces Remotos: simplemente colocamos el atributo "href" de la etiqueta (a) la URl o la direccion de correo a la que queremos enlazar.


(a href="http://www.argim.net")ARGIM(/a).


Enlaces de direccion de correo: en el atributo "href" del enlace colocamos la direccion de correo:


(a href="mailto:k.arlos666@hotmail.com)k.arlos666@hotmail.com(/a).


Enlaces con archivos: si queremos enlazar mi _fichero.zip que se encuentra en el mismo directorio de la pagina:


(a href="mi_fichero.zip")Descargar(/a)


Destinos de Enlace: el destino de enlace determina en que ventana va a hacer a abierta la pagina vinculada se especifica atraves del atributo "target" al que se le pueden agregar los siguientes valores:

• _blank: abre el documento en una pagina nueva.
• _parent: abre la pagina que contiene el vinculo.
• _selt: abre el documento en el mismo marco.
• _top: abre el documento en la ventana completa del navegador.

(a href:="http://www.yahoo.com.mx" target="_blank")yahoo(/a)

Formato de los enlaces....

• link
• alink
• vlink

(body link="pink" alink="orange vlink="yelloow")

Puntos de Fijacion o Ancla........

Cuando se tienen datos extensos es preferible ir al apartedo deseado en lugar de deslizarse: para insertar un punto de fijacion dentro del mismo documento:

(a href="# anclaname")comentario(/a)

Tablas.......


Objetivo: Conocer la forma en que estan las tablas , us filas y columnas y el formato de la misma atraves de html para el

diseño de paginas web.

Atributo	Significado	Posibles Valores
Width	Ancho de la tabla	Un numero acompañado de %
Heigth	Altura de la tabla	Un numero acompañado de %
Cellpalling	Espacio entre cont, de celdas	Un numero
Cellspacing	Espacio entre celdas	Un numero
Border	Grosor de borde	Un numero
Aling	Alinacion de la tabla dentro de la pagina	Left, rigth, center
Bgcolor	Color de fondo	Un numero exadecimal
Background	Imagen de fondo	Un numero exadecimal
bordercolor	Color de borde	Un numero exadecimal