MESSENGER

id="Microsoft_Live_Messenger_PresenceButton_ebb36df80ce9ac19"
msgr:width="100"
msgr:backColor="#92D6AE"
msgr:altBackColor="#FFFFFF"
msgr:foreColor="#424542"
msgr:conversationUrl="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=ebb36df80ce9ac19@apps.messenger.live.com&mkt=es-MX&useTheme=true&themeName=green&foreColor=333333&backColor=DCF2E5&linkColor=333333&borderColor=8ED4AB&buttonForeColor=2C0034&buttonBackColor=CFE9D9&buttonBorderColor=8ED4AB&buttonDisabledColor=CFE9D9&headerForeColor=006629&headerBackColor=92D6AE&menuForeColor=006629&menuBackColor=FFFFFF&chatForeColor=333333&chatBackColor=F4FBF7&chatDisabledColor=F6F6F6&chatErrorColor=760502&chatLabelColor=6E6C6C">

(BACKGROUND)

(BACKGROUND): NOS PERMITE AGREGAR UN FONDO DE PANTALLA.

AKI SUSTITUIMOS LA ETIQUETA (BGCOLOR) POR LA DE (BACKGROUND) YA QUE SON LO MISMO SOLO QUE UNA SOLO NOS DEJA VER COLOR DE FONDO Y LA OTRA UNA IMAGEN.

LO QUE DE SER TOTALMENTE DE UN COLOR DE FONDO, QUEDARIA ASI:

(TABLE)

(TABLE): NOS PERMITE CREAR TABLAS.

PARA CREAR UNA TABLA ABRIMOS NUESTRO BLOC DE NOTAS Y ANOTAMOS LAS PRIMERAS DOS ETIQUETAS, ENSEGUIDA REDACTAMOS LA ETIQUETA (TABLE BORDER="NUM"), DESPUES LA ETIQUETA (TR) CON ELLA INDICAMOS EL NUMERO DE FILAS QUE DESEAMOS, ENSEGUIDA LA ETIQUETA (TD) QUE ES CON LA QUE INDICAMOS EL NUMERO DE CELDAS EN LA TABLA CUANDO TERMINA NUESTRAS CELDA CERRAMOS CON LA ETIQUETA (/TD). CUANDO DESEAMOS TERMINAR LA FILA Y CREAR OTRA ABAJO AGREGAMOS LA ETIQUETA (/TR) Y DEBAJO LA VOLVEMOS A ABRIR.

LO QUE DARIA COMO RESULTADO UNA TABLA ASI:

(A HREF)

(A HREF): LIGA HACIA ALGUN LUGAR DENTRO DEL SITIO.

EN NUESTRO BLOC DE NOTAS AGREGAMOS LA ETIQUETA (A HREF="NOMBRE") ENSEGUIDA EL NOMBRE CON QUE QUEREMOS QUE APARESCA EL BOTON PARA REGRESAR A LA PAGINA ANTERIOR, ESTE BOTON APARECERA AL LADO IZQUIERDO DE LA PAGINA SUBRAYADO Y UN POCO MAS PEQUEÑO Y CERRAMOS CON LA ETIQUETA (/A)

LO QUE NOS DARIA COMO RESULTADO REGRESAR DE HOLA MUNDO A LA PORTADA:

(IMG SRC)

(IMG SRC): NOS PERMITE INCORPORAR UNA IMAGEN.

ABRIMOS EL BLOC DE NOTAS Y DESCRIBIMOS CADA UNA DE LAS ETIQUETAS QUE OCUPAMOS. PARA INSERTAR LA IMAGEN DAMOS SALTO DE RENGLON Y AGREGAMOS LA ETIQUETA: (IMG SRC="NOMBRE") DE NOSOTROS DEPENDE SI LA DESEAMOS CENTRAR AGREGAMOS LA ETIQUETA (CENTER) ANTES DE LA ETIQUETA DE LA IMAGEN Y AL FINAL CERRAMOS (/CENTER).

LO QUE NOS DARIA COMO RESULTADO UNA PANTALLA ASI:

(CENTER)

(CENTER): NOS PERMITE CENTRAR NUESTRO TEXTO EN LA PANTALLA.


ABRIMOS EL BLOC DE NOTAS, ENSEGUIDA DE QUE ESCRIBIMOS NUESTRAS ETIQUETAS AGREGAMOS LA ETIQUETA (CENTER) Y PARA CERRAR EL TEXTO QUE DESEAMOS CENTRAR AGREGAMOS AL FINAL DEL TEXTO (/CENTER) QUE INDICA QUE EL DEMAS TEXTO NO SE TIENE QUE CENTRAR.

LO QUE DARIA COMO RESUTALDO UNA PANTALLA ASI:

(BODY BGCOLOR)

(BODY BGCOLOR): NOS PERMITE AGREGAR UN COLOR AL FONDO DE LA PANTALLA.

ABRIMOS EL BLOC DE NOTAS, AL REDACTAR NUESTRO BODY, TENEMOS QUE AGREGAR EL BGCOLOR CON EL COLOR DESEADO, OSEA QUE NUESTRA ETIQUETA QUEDARIA REDACTADA DE ESTA FORMA: (BODY BGCOLOR="BLACK")

Y NOS DARIA COMO RESULTADO UNA PANTALLA DE ESTA FORMA:

(FONT COLOR)

(FONT COLOR): NOS PERMITE AGREGAR COLOR A NUESTRO TEXTO.

ABRIMOS NUESTRO BLOC DE NOTAS, ENSEGUIDA YA CON LOS DATOS REDACTADOS AGRAGAMOS LA ETIQUETA DE (FONT COLOR) A LA QUE LE TENEMOS QUE AGREGAR EL COLOR DESEADO, OSEA QUE LA DESCRIBIRIAMOS DE ESTA FORMA: (FONT COLOR="GREEN")

Y OBTENDRIAMOS COMO RESULTADO UNA PANTALLA ASI:

(H1) HASTA (H6)

(H1) HASTA (H6): NOS PERMITE ELEGIR EL TAMAÑO DE TEXTO.

ABRIMOS EL BLOC DE NOTAS Y COMENZAMOS A DESCRIBIR LOS DATOS, PODEMOS PORNER LA ETIQUETA (H1) PARA EL TITULO, Y LAS DEMAS LAS PODEMOS TOMAR COMO OPCIONES PARA ESCRIBIR EL TEXTO RESTANTE.

UTILIZANDO TODAS LAS ETIQUETAS ESTAS, OBTENDRIAMOS COMO RESULTADO ESTA PANTALLA:

ETIQUETAS

(BR): NOS PERMITE HACER UN SALTO DE LINEA.

PARA COMENZAR ABRIMOS NUESTRO BLOC DE NOTAS Y COMENZAMOS A DAR LA DESCRIPICION DE LOS DATOS QUE DESEAMOS, CUANDO TERMINAMOS DE REDACTAR LOS DATOS AL FINAL DEL RENGLON ESCRIBIMOS NUESTRA ETIQUETA (BR) QUE ES LA QUE NOS PERMITE DAR EL SALTO DE LINEA.

LO QUE NOS DARIA POR RESULTADO UNA PAGINA COMO ESTA:

ESTRUCTURA DE UNA PAGINA HTML

(HTML)
(BODY)

(h1)(center)(font color="orange")HOLA MUNDO(/font)(/center)(/h1)




(/BODY)
(/HTML)

EN EL ESCRITORIO DE LA PANTALLA DAMOS CLICK EN EL BOTON DE INCIO, INMEDIATAMENTE NOS MUESTRA UN MENU DONDE APARECEN VARIAS OPCIONES, NOSOTROS ELEGIMOS TODOS LOS PROGRAMAS AHI NOS VUELVE A MOSTRAR OPCIONE DONDE SELECCIONAREMOS LA DE ACCESORIOS, NOS DA MAS OPCIONES Y DE AHI SELECCIONAMOS EL BLOC DE NOTAS.

DE AHI COMENZAMOS NUESTRA CODIFICACION CON EL (HTML) ENSEGUIDA PONEMOS (BODY BGCOLOR) PARA DARLE COLOR AL FONDO DE LA PANTALLA DAMOS UN ESPACIO Y AGREGAMOS NUESTRAS ETIQUETAS DE (H1) PARA EL TAMAÑO DEL TEXTO (CENTER) PARA CENTRAR NUESTRO TEXTO Y (FONT COLOR) PARA COLOR DEL TEXTO ASI MISMO AL FINAL DEL TEXTO CERRAMOS TODAS LA ETIQUETAS AGRAGANDO UNA / Y ENSEGUIDA EL NOMBRE DE LA ETIQUETA. (EJEM. (/H1)(/CENTER)(/FONT))

PARA CERRAR NUESTRA PAGINA USAMOS UNA VEZ MAS LAS ETIQUETAS DE HTML Y BODY AGREGANDO ANTES DE ESTA UNA /. ASI PASAMOS AL BOTON DE ARCHIVO EN LA OPCION DE GUARDAR COMO LA CUAL NOS MUESTRA UN RECUADRO PARA PONER EL NOMBRE DE NUESTRO DOCUMENTO PERO AGREGANDO LAS SIGLAS HTML YA QUE CON ELLAS DAMOS REFERENCIA A QUE ESTAMOS CREANDO UNA PAGINA DE INTERNT. ASI DAMOS CLICK EN EL BOTON DE GUARDAR PARA FINALIZAR.

QUE ES HTML?

HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script, el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML.

INDICE

INDICE

-QUE ES HTML
-ESTRUCTURA DE UNA PAGINA HTML
-ETIQUETAS
-(H1) HASTA (H6)
-(FONT COLOR)
-(BODY BG COLOR)
-(CENTER)
-(BR)

TIPOS DE IMAGENES

-JPG
-GIF
-BMP
-(IMG)
-(BACK GROUND)
-(A HREF)
-(TABLE)

PORTADA

MANUAL HTML

BLOC DE NOTAS

POR

NATHALIE GRANADOS AVILA