- ¿Qué es HTML?.
- ¿Que son esos valores?.
- Texto.
- Imagenes.
- Colores.
- ¿Ahora que?
Curso Muy Básico sobre HTML:
Ante nada, os diré que esto no es cosa de 5 minutos y a la, soy la puta ostia. Si es esa vuestra filosofía largaos, no tenéis nada que aprender.
Una vez acabado este curso, sabrás lo más básico sobre HTML, y para nada seras un experto, pero si te ayudara –y mucho- al montar algún blog.
Primer Capitulo ¿Qué es HTML?
El HTML no es programar, es una descripción de ficheros .O sea, no ejecuta una serie de instrucciones, sino que define la forma de un documento. Para ello, se vale de las directivas o tags.
Hay dos tipos básicos de tags: los de apertura y cierre y los de sólo apertura.
En los primeros se utiliza el tag para comenzar a escribir en negrita y el tag para terminar. Si no se incluye el tag (que es ) de cierre, el texto seguiría estando en negrita hasta el final del documento.
Los segundos son, por ejemplo, el de inserción de un gráfico o de una línea horizontal
. Si no se pone el cierre, no tendrá valor y no se podra ver el efecto
Los tags y modificadores que usare en este manual son:
HTML
HEAD
TITLE
IMG
B
I
U
P
Capitulo dos ¿Qué Significan los valores?
HTML: Indica al navegador el comienzo de un documento HTML. Exige cierre .
HEAD: Indica la cabecera del documento. Lo que se ponga dentro no saldra en el navegador. Exige cierre .
TITLE: La cadena de texto que hay entre la apertura de y su cierre será el título de la barra del navegador.
IMG: La inserción de una imagen, exige cierre
B: Saldrá el texto en negrita, no exige cierre, pero de no hacerlo el texto aparecerá negro asta el final.
I: El texto aparecerá en cursiva, no exige cierre, pero de no hacerlo el texto aparecerá negro asta el final.
U: El texto aparecerá en subrayado, no exige cierre, pero de no hacerlo el texto aparecerá negro asta el final.
P: Esto es quizás el más importante, da paso al texto, este mismo trozo del manual ( como todo) lleva primero el tag
, pero el navegador, para ahorrar molestias nos lo oculta.
Se puede configurar este texto como quieras, ya sea por poner el Tag I y el Tag B, o por poner los 3.
El texto es uno de los elementos más simples del HTML.
Como se dice arriba cada comienzo de párrafo viene definido con el tag.
Existe un tag de cierre de párrafo, pero, en realidad, es indiferente ponerlo.
<P >Este texto es un único
Resultado:
Este texto es un único
<P >Este texto son
tre s párrafos,
<P>da = el
número de líneas
<P >en que esté
escrito.
Resultado:
Este texto son tres párrafos,
independientemente del
número de líneas en que esté escrito.
Esto permite, también, definir la alineación del texto con los modificadores correspondientes. Hay que recordar que el valor del modificador va siempre entre comillas.
Esto es texto aparecería alineado a la izquierda.
Si en vez de poner “left” pusiéramos, center este texto saldría en medio o right si lo quisiéramos poner a la derecha.
El tag es el más completo y el más util. Con sus diferentes opciones podemos definir varias características del texto. Es un tag que exige el ciere .
El modificador COLOR cambia el color de letra. Si no se define manualmente, sera negro. (Más tarde os enseñare a definir colores)
<P><FO NT COLOR="ff0 000">Este texto está en Rojo.</FON T>
Resultado:
Este texto estaria en Rojo.
<P><FO NT COLOR="00 00ff">Este texto está en Azul.</F ONT>
Resultado:
Este texto estaria en Azul.
El modificador SIZE cambia el tamaño de letra.
<P ><FO NT SIZE="7">Tamaño 7</F ONT>
Tamaño 7.
Si cambiamos el 7 por el 2 el texto será más pequeño.
Capitulo 4 Imágenes.
Para insertar un gráfico se utiliza el tag <img> . Este tag exige el modificador SRC que indica el nombre del fichero que se va a insertar. Hay que recordar que el nombre del fichero gráfico, al ser el valor de un modificador, va siempre entre comillas.
[img]http://lmarc.blogia.com/upload/img-fotoautor.png[/img]
Se tendria que poner:
[img]htt p://lmarc.blogia.com/upload/img-foto autor.png[/img]
Podemos poner el gráfico a la izquierda, centro y derecha de la pantalla. Para ello nos valdremos del tag y el modificador ALIGN.
<DIV ALI GN="left">
<IMG SR C="Folto">
</D IV>
Podemos cambiar el “left” por el “center” o el “right” para que salga en medio o a la derecha.
También se pueden integrar texto e imágenes. Como en los casos anteriores, se mostrará a la izquierda el código fuente y a la derecha el resultado obtenido con dicho código.
(...) Folto.gif (...)
Substituimos los (...) por el texto y se integraran, el problema que hay es que el efecto que da no queda muy bien, puesto que la imagen se pone en medio, para ello podemos hacer esto:
<P><IMG SRC="folto.gif" ALIGN="left">(...)
Podemos cambiar el “left” por el “center” o el “right” para que salga en medio o a la derecha.
Capitulo 5. Colores
Hay asta un total de 16,7 millones de colores, pero dependiendo del ordenador, un color puede verse de formas diferentes.
Para evitar esto, se muestra a continuación la lista de los 216 colores seguros, es decir, los 216 colores que se ven siempre igual, sea cual sea el navegador o el PC
http://www.alt64.org/html/colores.htm
Capitulo 6. ¿Ahora que?
Ahora ya sabes lo más básico sobre HTML y estas en condiciones de personalizar un poco el blog, pero si quieres ser un verdadero experto sobre HTML mirate esto:
http://es.tldp.org/Manuales-LuCAS/doc-curso-html/doc-curso-html/index.html
Suerte!
