Vistas de página en total

miércoles, 1 de febrero de 2012


lecciones basicas sobre 
programacion en HTML
mas que todo se sabe que para empezar a escribir un documento en html
se necesita un procesador de texto, en mi caso utilizo el subliminal text. que tambien es compatible para windows.

para empezar :
a escribir se utiliza un
codigo que es <html> y para cerrarlo o finalizar se escribe este otro: </html>
para el titulo de pestaña se utiliza el codigo <head> y se cierra con </head>
dentro del titulo va el formato del tipo de letra y su tamaño, tambien que dira
y se escribe con este formato. para el titulo <tittle> y </tittle>
para el formato de letra <meta charset="utf-8" /> o tambien te puedes valer del 
codigo  <meta charset=iso-8859-1" />


ya luego de pasar todo esto llegamos a la parte del contenido
pues en el contenido ahora hay que aclarar un par de cosas
para escribir lineas se utiliza la palabra <body> pero esta abarca todo el documento que ira en la pagina web. </body>
para diferenciar parrafos dentro del mismo body, tenemos la letra <p> con eso se entiende que todas esas lineas son un solo parrafo


ahora tambien tenemos los encabezados. dependiendo de que tan relevante sea
tenemos el <h1> que se podria decir como el mas importante hasta el <h6> que ni es tan importante.
para la creacion de listas 
se tienen tres tipos que son 
las <ol> ordered list
    <ul> unordered list 
    <il> item list
explico ahora 
al usar ol lo que sucede esq tus il saldran ennumerados
en cambio si optas por usar el ul los il saldran solo como puntos 
los il siempre se deben agregar para que el codigo sepa que esos son tus puntos de la lista, osea los elementos de tal lista

como poner imagenes

ahora si queremos aplicar imagenes(cosas que todos quieren creeame)
se evoca por medio del <img> aunque tambein puede ser GIF,JPEG,PNG
hay un par de cosas a saber sobre las imagenes, pues tienen atributos
hay dos que son obligatorioa y son estos.

  • src= que es la ubicacion de la imagen
  • alt= que seria el titulo de la imagen
ahora vienen los que no son tan necesarios.
  •  Align= Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea. Los tres valores posibles son los ya conocidos left, right, top, middle y bottom.
  • WIDTH= Este atributo es opcional pero es recomendable ponerlo para ayudar al navegador a representar la imagen, significa el ancho de la imagen que vamos a representar.
  • HEIGHT=Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este significa el alto de la imagen.
  • BORDER= Con BORDER especificamos el ancho de un borde que rodea la imagen.
la referencia sobre la direccion de la imagen puede ser 
absoluta:
<img src="C:\Documents and Settings\All Users\Mis Documentos\arroba.jpg"alt="arroba" />
relativa:

<img src="arroba.jpg" alt="arroba" /> 
 



ahora como hacer una referencia:

el formato es este
 a nivel de otra pagina web
<a href="http://www.martesfinanciero.com/history/2011/12/13/management.asp">Ver Documento Original</a>
 a nivel local
<a href="documento2.html">Ver Documento Original</a>

un posible resumen sobre como trabajar una pagina web, =)