Creación de Páginas Web Con HTML

CREACIN DE PGINAS WEB CON HTML
I.S.C. Nadia Itzel Crdenas Conejo
INTRODUCCION
Las pginas que nos encontramos en internet,
las pginas web estn construidas en un lenguaje de etiquetas denominado HTML. En esta clase trataremos de ser capaces en relativamente poco tiempo, realizar nuestras primeras paginas web escribiendo el cdigo correspondiente antes de pasar a un editor de cdigo concreto (Dreamweaver por ejemplo), que simplifica bastante esta tarea. Por qu entonces no empezamos directamente con el editor? Por que es muy importante tener ciertos conocimientos del lenguaje ante posibles problemas que, sin lugar a dudas, se nos van a presentar al editar las pginas.
Empezando
El cdigo fuente se escribe en un procesador de
texto. Nosotros lo vamos a hacer con el bloc de notas. Para abrir el bloc de notas, le damos a inicio>Todos los programas>Accesorios>Bloc de notas. Se abrir una ventana como sta.
Debemos saber que las dos etiquetas
fundamentales dentro de las cuales debe ir nuestro cdigo son <html> como etiqueta de apertura y </html> como etiqueta de cierre. Despus, todo lo que ser visible al visitar la pgina con el navegador, debe estar entre las etiquetas <body> como etiqueta de apertura y </body > como etiqueta de cierre.
NOTA: Las etiquetas tambin se pueden escribir
con letras maysculas. Nosotros vamos a optar por las minsculas por ser lo que se est imponiendo de acuerdo con las tlimas normas.
Ejercicio prctico
Vamos a escribir el siguiente ejemplo.
Escribiremos BIENVENID@ entre <body> y</body>
Ahora guardaremos nuestro documento en
alguna parte de la computadora y Muy importante! Guardarlo con una extensin especial. El nombre va a ser y index y su extensin ser html o htm. El sitio puede ser en cualquier parte de la computadora. Para tenerlo accesible, lo vamos a agregar en el escritorio: Le damos Archivo>Guardar
Nos aparecer la ventana de seleccin de
directorio.
Elegimos escritorio y le llamamos index.html sin
cambiar el tipo.
MI PRIMERA PAGINA
Ya podemos ir al escritorio a abrir la primera
pgina
Como todava la mayora de los usuarios utilizan
el Internet Explorer mas que ningn otro navegador, vamos a tenerlo como navegador predeterminado. Si no lo tienes as lo puedes hacer abriendo el Explorer y en el men superior eliges Herramientas>Opciones de internet
Damos clic en el botn restablecer configuracin
Web
Desactiva tambin la opcin Restablecer tambin
la pgina principal y le das al SI y aparecer el mensaje de confirmacin que debes aceptar.
Vamos a ver nuestra pgina, vamos a dar doble
clic sobre el cono y
La verdad no es una pgina espectacular pero
los comienzos deben ser humildes
MEJORANDO LA PAGINA
CENTRAR EL TEXTO: Si queremos que nuestro
saludo aparezca en el centro de la pgina, escribimos delante del saludo la etiqueta <center> y al final del mismo la etiqueta </center>. El cdigo debera quedar as
Guardamos los cambios
Minimizamos y comprobamos los resultados con
el Explorer
AUMENTAR EL TAMAO DEL TEXTO. Nuestro
mensaje es algo pequeo. Podemos aumentar su tamao empleando las etiquetas de encabezados. Las etiquetas van desde el <h1> para la ms grande, hasta el <h6> para la ms pequea. Vamos a poner el tamao mayor
Le damos Archivo>Guardar, Minimizamos y
comprobamos los cambios con mnimo 2 navegadores. No olvides actualizar
PONER UN COLOR DE FONDO

Si deseamos poner un color de fondo a toda la
pgina, lo tenemos que hacer dentro de la etiqueta <body> pues afecta a todo el documento. Vamos a poner el color rojo al fondo de la pgina. Lo conseguimos escribiendo la etiqueta <body> con su atributo como sigue <body bgcolor=red> bg es de background Guardamos los cambios y comprobamos el cambio en al menos dos navegadores.
http://html-color-codes.info/codigos-de-colores-
hexadecimales/
CAMBIAR EL COLOR DEL TEXTO

Para cambiar el color del texto empleamos la
etiqueta con su atributo color. Vamos a cambiar el color negro del texto al color blanco. Podemos emplear el nombre en ingls del color , o podemos colocar en cdigo hexadecimal. El blanco en hexadecimal es ffffff. La etiqueta quedara as: 
Guardamos los cambios, minimizamos y
comprobamos los cambios en al menos dos navegadores.
SALTOS DE LNEA
Vamos ahora a incluir una nueva lnea a nuestra
pgina. Vamos a agregar: A mi primera pgina web
Los saltos de lnea que hacemos en el cdigo no
lo reconocen los navegadores. Para que el salto de lnea se incorpore hay que hacerlo con la etiqueta de break. Esta etiqueta no tiene cierre
PARRAFOS
Cuando queremos introducir una lnea en blanco,
utilizamos la etiqueta de prrafo. Esta etiqueta admite su cierre , aunque no es necesario.
Si queremos separar ms no es suficiente la
etiqueta . Hay que unir las dos etiquetas y repetir ambas
La cabecera
Una parte importante que tienen las pginas Web
es la cabecera, como ya has visto no es imprescindible pero si es importante. La cabecera se coloca entre las etiquetas <head> y </head>. Va justo detrs de la primera etiqueta <html> y antes del <body>. Constituye la parte NO visible de un documento. De momento lo que ms nos interesa poner dentro de la cabecera es el Ttulo de la pgina. Observa que la pgina actual aparece :
Para arreglar esto hay que poner un ttulo al
documento, hay que introducir dos etiquetas <title> de apertura y </title> de cierre y entre ellas ponemos la frase que defina nuestro documento.
NEGRITA, CURSIVA Y SUBRAYADO

Para remarcar una cadena de caracteres usamos
las etiquetas y (bold o negrita) Para hacer que un texto se muestre en cursiva: e (italic) Para subrayar empleamos y (underlined) Esta palabra la vamos a poner en negrita y esta otra tambin Esta palabra la vamos a poner en cursiva y esta otra tambin As subrayaramos una frase importante

Creación de Páginas Web Con HTML

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Creación de Páginas Web Con HTML

Uploaded by

Copyright:

Available Formats

CREACIN DE PGINAS WEB CON HTML

I.S.C. Nadia Itzel Crdenas Conejo

Debemos saber que las dos etiquetas

Escribiremos BIENVENID@ entre <body> y</body>

Ahora guardaremos nuestro documento en

Nos aparecer la ventana de seleccin de

Elegimos escritorio y le llamamos index.html sin

Como todava la mayora de los usuarios utilizan

Damos clic en el botn restablecer configuracin

Desactiva tambin la opcin Restablecer tambin

la pgina principal y le das al SI y aparecer el mensaje de confirmacin que debes aceptar.

Vamos a ver nuestra pgina, vamos a dar doble

clic sobre el cono y

La verdad no es una pgina espectacular pero

los comienzos deben ser humildes

Guardamos los cambios

Minimizamos y comprobamos los resultados con

AUMENTAR EL TAMAO DEL TEXTO. Nuestro

Le damos Archivo>Guardar, Minimizamos y

comprobamos los cambios con mnimo 2 navegadores. No olvides actualizar

PONER UN COLOR DE FONDO

CAMBIAR EL COLOR DEL TEXTO

Guardamos los cambios, minimizamos y

comprobamos los cambios en al menos dos navegadores.

pgina. Vamos a agregar: A mi primera pgina web

Los saltos de lnea que hacemos en el cdigo no

Si queremos separar ms no es suficiente la

Para arreglar esto hay que poner un ttulo al

NEGRITA, CURSIVA Y SUBRAYADO

You might also like