Sei sulla pagina 1di 8

PRACTICAS CALIFICADAS

HTML BSICO 1) 2) 3) 4) 5) Una pgina simple Dando forma al texto Enlaces con otras pginas Imgenes Caracteres especiales

HTML ESTNDAR 6) 7) 8) 9) 10) 11) 12) 13) 14) 15) 16) 17) 18) 19) 20) Los estndares de HTML Fondos Alineacin y dimensionado de imgenes Formato de las imgenes Tablas Formularios GIFs animados Mapas Frames Sonidos Texto en movimiento Publicacin y promocin de una pgina Contadores de visitas Componer con estilo Applets de Java

NOTA: <XXX> Este es el inicio de una etiqueta </XXX>Este es el cierre de una etiqueta PAGINAS SUGERIDAS: http://www.uv.es/jac/guia/ http://gias720.dis.ulpgc.es/Gias/Cursos/Tutorial_html/indice.htm

PRACTICA N 01: Pgina Simple

Etiqueta principal HTML

Encabezamiento Ttulo de la Pgina Cabecera Pre-formateado Lnea Horizontal

Cuerpo de la Pgina

Separador de Prrafo

PRACTICA N 02: Dando forma al texto

Negrita

Lista Desordenada (Vietas) Cursiva

Lista Ordenada (Numeracin)

PRACTICA N 03: Enlace con otras pginas

Enlace (Link)

Salto de Lnea

PRACTICA N 04: Imgenes

Imagen

Descripcin de Imagen

PRACTICA N 05: Caracteres Especiales Caracteres especiales bsicos &lt; &gt; < > Caracteres especiales del HTML 2.0 &Aacute; &Agrave; &aacute; &agrave; 3 &Auml; &Acirc; &auml; &acirc; &amp; &quot; & "

&euml; &Atilde; &aring; &Ccedil; &atilde; &ccedil; &ntilde; &Oslash; &yuml;

Caracteres especiales del HTML 3.2

&oslash; &THORN; &ETH; &thorn; &eth; &AElig; &szlig; &aelig;

&frac14; &nbsp; &frac12; &iexcl; &frac34; &pound; &copy; &yen; &reg; &sect; &ordf; &curren; &sup2; &brvbar; &sup3; &laquo;

12 Otros caracteres especiales

&sup1; &not; &macr; &shy; &micro; &ordm; &para; &acute; &middot; &uml; &deg; &plusmn; &cedil; &raquo; &iquest;

&times; &cent; &divide; &euro; &#147; &#153;

&#148; &#137; &#140; &#131; &#135; &#134;

Cdigo ASCII

Ejemplo: Aplicar a la practica N 04, para corregir sus caracteres especiales

PRACTICA N 06: LOS ESTNDARES DE HTML a) El parpadeo: <BLINK> Este texto parpadea </BLINK> b) Animacin sencilla: <MARQUEE BEHAVIOUR=ALTERNATE SCROLLDELAY=500 BGCOLOR="#FF8833">texto que se mueve</MARQUEE> Atributos: WIDTH: Anchura de la marquesina. DIRECTION: Direccion de contenido del marquee, "LEFT" y "RIGHT". BEHAVIOR: Es el comportamiento de la marquesina. SCROLL y ALTERNATE. SCROLLDELAY: Tiempo en milisegundos por desplazamiento. SCROLLAMOUNT: Cantidad de pixel por movimiento. LOOP: Nmero de ciclos que va a moverse el contenido dentro de la marquee. BGCOLOR: El color de fondo de la marquesina. HSPACE y VSPACE: Nmero de pxel de marquesina y la pgina, en horizontal y vertical. c) Separador Horizontal: <HR WIDTH=75%> <HR WIDTH=300> 5 Ocupa el 75% del ancho de pgina Tiene un ancho de 300 pixeles

<HR WIDTH=50% ALIGN=LEFT> <HR SIZE=20> <HR NOSHADE> d) Tamaos de fuentes:

Alineado a la izquierda Cambiar grosor Lnea solida, no sobre el fondo

<FONT SIZE=5> Texto en tamao 5 </FONT> <FONT SIZE=-1> Texto algo menor </FONT> <FONT SIZE=+1> Texto algo mayor </FONT> <BASEFONT SIZE=5> Cambia el tamao base de la pagina (Poner despus de BODY) e) Tipos de fuentes: <FONT FACE=Americana BT> Este texto se ver con la fuente Americana BT < /FONT> <FONT FACE=Impact, Arial> Este texto se ver con la fuente Impact, o en su defecto con Arial </FONT> Ejemplo: Aplicar a la practica N 04, mejorando la presentacin

PRACTICA N 07: FONDOS COLORES EN NMEROS HEXADECIMALES (RGB)

# X X
Rojo

Y Y

Z Z

Verde Azul

Nmeros Hexadecimales (16 digitos), estos dgitos son: 0 1 2 3 4 5 6 7 8 9 A B C D E F En tal caso el nmero menor es 00 y el mayor es FF Colores Primarios #FF0000 #00FF00 #0000FF Otros Colores: #FFFFFF #000000 #FFFF00 Blanco Negro Amarillo Rojo Verde Azul

a) Fondo con color uniforme <BODY BGCOLOR=#FF7070>

b) Colores del texto y de los enlaces <BODY BGCOLOR=#XXYYZZ TEXT=#XXYYZZ LINK=#XXYYZZ VLINK=#XXYYZZ ALINK=#XXYYZZ> TEXT LINK VLINK ALINK Color del texto Color de los enlaces Color de los enlaces visitados Color de los enlaces activos (al ser pulsados)

c) Cambio de color de una parte del texto <FONT COLOR=#FF0000> Este texto es de color rojo </FONT> d) Fondos con una imagen <BODY BACKGROUND=imagen.gif> e) Combinacin en el fondo <BODY BACKGROUND=nubes.jpg BGCOLOR=#CCFFFF> Ejemplo: Aplicar a la practica N 04, mejorando la presentacin

PRACTICA N 08: Alineacin y dimensionado de imgenes PRACTICA N 09: FORMATO DE LAS IMGENES PRACTICA N 10: TABLAS

PRACTICA N 11: FORMULARIOS

datos.php

Potrebbero piacerti anche