 Introducción
Texto
Imágenes
Enlaces
Sonidos
Tablas
Volver a
herramientas
|
Introducción
En primer lugar, quiero aclarar que
este es un curso muy básico, para aquel que comienza de
cero y se le dificulta entender otros manuales más
tecnicos. Si ya sabes algo de html te vas a aburrir
aquí. Una vez que hayas aprendido lo básico con este
manual te recomiendo que pases a estudiar otros
más completos y más tecnicos como Webmaestro, un
excelente curso.
.
Qué es
HTML
El html
(Hypertext Markup Language: algo así como Lenguaje
hipertextual de marcas) es un lenguaje basado en
etiquetas (tags). Un tag es un fragmento
de texto que en vez de ser interpretado por el browser
(navegador) como un texto normal a ser presentado al
usuario, es interpretado como información destinada a
modificar el comportamiento del propio browser. Los tags
estan delimitados por los caracteres <
y >
(Si no entendiste nada te lo explico mas fácil: cuando el navegador
encuentra informacion entre estas dos marcas <
> la interpreta no como informacion que debe
presentar en pantalla sino como informacion destinada a
él, que le dice qué debe hacer: cambiar el color de las
letras, el tamaño, presentar un enlace, etc. etc.)
La mayoría de los tags van en pares de apertura y
cierre, o sea que afectan a la información presentada
entre el tag de apertura y el tag de cierre, que es igual
al de apertura pero con una barra delante.
Por ejemplo, <B> es un tag que le indica al browser
que debe presentar el texto en negrita. El
tag de cierre es </B> El browser presentará en
negritas todo el texto que se encuentre entre <B> y
</B>
Nota: en el lenguaje html el navegador
no tiene en cuenta el uso de mayusculas o minusculas en
los tags, por cuestion de claridad aquí presentaremos
todos los ejemplos en mayúsculas, pero es indiferente.
Lección
1: Un documento HTML básico
Antes
de comenzar a crear nuestro primer documento
html, para lo cual vamos a utilizar el Block de Notas que
viene con windows, debemos asegurarnos de que vamos a
poder guardar el archivo como tal. El Block de Notas
guarda los archivos como texto, es decir con la
extensión .txt pero nosotros deberemos guardar el
documento con la extensión html. Para lograr esto, haz
lo siguiente: abre el explorador de Windows, ahora en la
barra de herramientas elige "Ver" ahí elige
"opciones de carpeta" En el cuadro de diálogo
que se abre, elige la pestaña "Ver" y ahí
asegúrate de que no esté marcada la
opción "Ocultar extensiones para los tipos de
archivos conocidos". Dale aceptar. Ahora sí, cuando
guardemos el documento podremos guardarlo con la
exensión html. (Ojo de ahora en
adelante cuando cambies los nombres de cualquier
documento en tu pc deberás escribir la
extensión que va después del punto). Realizado
este paso previo, ahora sí, manos a la obra.
Un
documento html va entre los tags <HTML> y
</HTML>. Dentro de estas dos etiquetas van las dos
partes que componen el documento:
<HEAD></HEAD> que es el encabezado (donde va
el titulo y otras cosas que veremos mas adelante) y
<BODY></BODY> que es el cuerpo del documento
y donde va lo que se verá en pantalla.
La etiqueta para el título de nuestro documento es
<TITLE></TITLE>
Este titulo no se verá en pantalla, pero debe ser breve
y descriptivo porque es el que aparecerá en la parte
superior del navegador y también el que aparece si
alguien agrega tu página a sus favoritos.
Ejercicio
Práctico
Vamos
a crear un documento básico: abre el Block de Notas y
escribe:
<HTML>
<HEAD><TITLE>Mi primera
pagina</TITLE></HEAD>
<BODY>
Esta es mi primera pagina web
</BODY>
</HTML>
Ahora
guarda el documento como index.html y dale aceptar.
Cuando abras el documento lo verás en tu navegador.
Ir a Lección 2
|
