Una página
web la vemos en nuestro navegador, o cliente web, y parece una sola entidad,
pero no es así, está compuesta por multitud de diferentes ficheros, como son
las imágenes, los posibles vídeos y lo más importante: el código fuente.
El código de
las páginas está escrito en un lenguaje llamado HTML, que indica básicamente
donde colocar cada texto, cada imagen o cada video y la forma que tendrán estos
al ser colocados en la página.
El HTML se
creó en un principio con objetivos divulgativos. No se pensó que la web llegara
a ser un área de ocio con carácter multimedia, de modo que, el HTML se creó sin
dar respuesta a todos los posibles usos que se le iba a dar y a todos los
colectivos de gente que lo utilizarían en un futuro.
El lenguaje
consta de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta
significa una cosa, por ejemplo <B> significa que se escriba en negrita
(bold) o <P> significa un párrafo, <A> es un enlace, etc. Casi
todas las etiquetas tienen su correspondiente etiqueta de cierre, que indica
que a partir de ese punto no debe de afectar la etiqueta. Por ejemplo
</B> se utiliza para indicar que se deje de escribir en negrita. Así que
el HTML no es más que una serie de etiquetas que se utilizan para definir la
forma o estilo que queremos aplicar a nuestro documento. <B>Esto está en
negrita</B>.
Partes de un documento HTML
Un documento
HTML ha de estar delimitado por la etiqueta <html> y </html>.
Dentro de este documento, podemos asimismo distinguir dos partes principales:
El
encabezado, delimitado por <head> y </head> donde colocaremos
etiquetas de índole informativo como por ejemplo el titulo de nuestra página.
El cuerpo,
flanqueado por las etiquetas <body> y </body>, que será donde
colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas
como las que hemos visto.
El resultado
es un documento con la siguiente estructura:
<html>
<head>
Etiquetas y contenidos del encabezado
Datos que no
aparecen en nuestra página pero que son importantes para catalogarla: Titulo,
palabras clave,...
</head>
<body>
Etiquetas y contenidos del cuerpo
Parte del documento que será mostrada por el
navegador: Texto e imágenes
</body>
</html>
Con todo lo
que conocemos ya sobre HTML podemos construir una página web que ya tiene
bastante sentido. Vemos un ejemplo a continuación.
<html>
<head>
<title>Cocina Para Todos</title>
</head>
<body>
<p><b>Bienvenido,</b></p>
<p>Estás en la página <b>Comida
para Todos</b>.</p>
<p>Aquí aprenderás recetas fáciles y
deliciosas.</p>
</body>
</html>
Etiquetas de
párrafo
Para esto se
utiliza la etiqueta <P> y </P>. Este comando es muy útil debido a
que si uno escribe algo (en el editor que se este utilizando) por mucho espacio
que uno le de siempre al texto, siempre va a aparecer en la misma línea.
Para alinear
un párrafo se utiliza el comando <ALING> y </ALING>, utilizado
dentro de la etiqueta <P>. Se puede alinear de tres formas diferentes:
<p
align="left"> Párrafo... </p> Alinea a la izquierda.
<p
align="center"> Párrafo... </p> Realiza un centrado.
<p
align="right"> Párrafo... </p> Alinea a la derecha.
Cuando
nosotros queremos que lo que escribimos aparezca en otra línea utilizamos el comando
<BR>.
Al terminar
de escribir un párrafo es conveniente y estético utilizar el comando para
separar un párrafo de otro que es <HR>
Etiquetas
para darle formato al texto:
Para el
tamaño y tipo de letra se usa la etiqueta <FONT> y </FONT>, que
posee tres atributos: tamaño (Size), Tipo de letra o fuente (face) y color
Formato:
<B> y
</B> Sirve para colocar un texto en Negrita.
<U> y
< /U> Sirve para subrayar un texto
<STRIKE>
y </STRIKE> Sirve para tachar un texto.
<STRONG>
y </STRONG> Cumple la misma función que <B>
<I> y
<I> Para colocar un texto en cursiva.
<EM>texto
con énfasis</EM> texto con énfasis
<CITE>citación</CITE>
citación
<DFN>definición</DFN>
definición
<KBD>teclado</KBD>
teclado
<SAMP>ejemplo</SAMP>
ejemplo
SIZE: Regula
el tamaño de los caracteres.
Ejemplo:<font>
texto... </FONT>.
FACE: Es la
fuente que se quiere usar, Arial, Times new Roman, etc.
No hay comentarios:
Publicar un comentario