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, =)
No hay comentarios:
Publicar un comentario