CURSO BÁSlCO DE HTML

1-Mi primera página web

Vamos a crear nuestra primera página web, usando el código HTML:

Lo primero que vamos a hacer es crear una carpeta para guardar las páginas que vayamos a crear.

Cualquier sitio es bueno, lo único que se pretende es tener las páginas agrupadas y organizadas.

Lo siguiente que vamos a hacer es abrir un nuevo documento de texto, con nuestro bloc de notas, al que llamaremos MiPrimeraWeb.html es muy importante darle la extensión html, en lugar de .txt que es la que lleva el bloc de notas para ello:

Configuramos para que se vean las extensiones de los archivos en este caso el .txt y poder modificarlo, para ello nos vamos a Inicio >  Configuración > Panel de control > Opciones de carpeta   otra manera es entrar a las opciones de capeta desde cualquier ventana de windows, Herramientas > Opciones de carpeta  y desactivamos la casilla de ocultar extensiones de archivos conocidos:


Vamos a escribir algo dentro de nuestro documento (ahora página web) por ejemplo:

<BODY>
¡Esta es mi primera página web!
</BODY>



Body es cuerpo, el contenido de nuestra página.

Le damos a guardar.

Para ver nuestra página, en nuestro navegador, solo hay que darle doble click en su icono o arrastrarla sobre el acceso directo de nuestro navegador en el escritorio.

Tags:

<HTML> y </HTML> indican donde empieza y donde termina la página.
<HEAD> y </HEAD> indican la cabecera de la página, aquí pondremos la información relativa a nuestra página, como por ejemplo el titulo.
<BODY> y </BODY> encierran el cuerpo de la página.

Ahora le vamos a poner un título a nuestra página web, para ello escribimos:

<HTML>
<HEAD>
<TITLE>Mi Web</TITLE>
</HEAD>
<BODY>
¡Esta es mi primera página web!
</BODY>
</HTML>



Al abrir nuestra página en el navegador, nos saldrá el título en la barra superior.

ATRIBUTOS:
Los atributos modifican los tags de html, dando así un efecto a el mismo, (una caracteristica adicional)
Los atributos deben encerrarse entre comillas, cuando se componen de más de una palabra, esto ya lo vimos en el tutorial anterior.

<TAG ATRIBUTO="Dos palabras">

No tenemos que definir todos los atributos que soporta un tag, solo especificaremos aquellos que no van por defecto.

Atributos de BODY:

BGCOLOR: Color de fondo de toda la página.
TEXT: Color de texto de la página
LINK: Color inicial de los enlaces
VLINK: Color de los enlaces visitados
ALINK: Color de los enlaces activos, es decir cuando se mantiene el ratón pulsado sobre él
BACKGROUND: URL de la imagen que será colocada de fondo de la ventana.


Los saltos de linea y los espacios en blanco no se representaran como saltos de linea en la pantalla del navegador, para ello vamos a emplear el <BR>
<BR> se puede emplear con el atributo CLEAR, que indica que el atributo tiene que estar libre en la siguiente linea, utiliza los valores: left, right, all este atributo se usa, sobre todo para las imagenes. No vamos a ver esto, porque aun no sabemos introducir imagenes, pero es bueno tenerlo en cuenta para poder aplicarlo más adelante.

Ejemplo en un texto:

<HTML>
<HEAD>
<TITLE>Mi Web</TITLE>
</HEAD>
<BODY>
<BR>¡Esta es<BR> mi primera<BR> página web!
</BODY>
</HTML>

Vamos a darle un color al texto y un color de fondo a la página:

<HTML>
<HEAD>
<TITLE>Mi Web</TITLE>
</HEAD>
<BODY TEXT=yellow BGCOLOR=blue>
¡Esta es mi primera página web!
</BODY>
</HTML>

Etiqueta <FONT>

La etiqueta font es la que se encarga de dar formato a nuestro texto.

SIZE= Tamaño de nuestro texto, expecificando un numero del 1 al 7, SIZE = 3 o bien expecificandolo de forma relativa: SIZE = +3
FACE= Tipo de fuente de nuestro texto
COLOR= Color de nuestro texto

Ejemplo:

<HTML>
<HEAD>
<TITLE>Mi Web</TITLE>
</HEAD>
<BODY BGCOLOR=blue>
<br><font size=4 face=Comic Sans Ms color=yellow>¡Esta es mi primera página web!
<br><font size=2 face=Arial color=White>Ya sé hacer una página web...
</BODY>
</HTML>

Si usamos la etiqueta <BASEFONT> especificaremos una fuente base para todo el documento, obligando a el navegador a ignorar el tipo de letra (tamaño,fuente, color, etc) preestablecido en su navegador.
<BASEFONT> Se utiliza con las etiquetas SIZE, FACE Y COLOR.
La etiqueta <BASEFONT> no necesita una etiqueta de cierre, y siempre va después de la etiqueta <BODY>. Quedando así:

<HTML>
<HEAD>
<TITLE>Mi Web</TITLE>
</HEAD>
<BODY>
<BASEFONT COLOR="BLUE" >
¡Esta es mi primera página web!
</BODY>
</HTML>

MARCAS FISICAS:
<B> </B> Letras en negrita
<I> </I> Cursiva
<STRIKE> </STRIKE> Texto tachado
<S> </S> Tambien texto tachado
<U> </U> Subrayado
<BIG> </BIG> Es una manera rápida de hacer el texto grande
<SMALL> </SMALL> Hace el texto pequeño
<TT> </TT> Escribe  el texto monoespaciado.
<SUB> </SUB> Crea un subindice
<SUP> </SUP> Crea un superindice

Ejemplo


Ir al menú de tutoriales de HTML

Todos los tutoriales son de mi completa autoría,

cualquier parecido con otros, es pura coincidencia.

Queda totalmente prohibida su reproduccion, total o parcial.

Si quieres enlazar mis tutoriales, no hay problema,

solo mandame un e-mail, para comunicarmelo.

Cualquier duda o sugerencia:

Tutoriales registrados

 

Alma Web

Design Sensation by almaweb.es

Foro Design Sensation