Este documento proporciona una introducción a las etiquetas básicas de HTML, incluyendo etiquetas para imágenes (<IMG>), color de fondo (bgcolor), encabezados (<h1>-<h6>), tablas (<TABLE>, <TR>, <TD>), hipervínculos, párrafos (<p>), y formato de texto. Explica el propósito de cada etiqueta y cómo usarla correctamente en una página web.
2. Imagen
La etiqueta <IMG> te servirá para situar imágenes
en una página. Es una etiqueta "verdadera", pues
no tiene etiqueta de cierre:
<IMG>
La etiqueta <IMG> requiere un origen de datos
obligatorio dado por el atributo SRC=.
Tan sólo el código anterior es necesario para
añadir una imagen a tu página, mostrando la
imagen situada en el mismo directorio del
documento HTML.
3. Body
Color de fondo: bgcolor
El primer parámetro que debes conocer es el del color de fondo, el "bgcolor".
A través de este parámetro podremos definir el color de fondo que queramos
que tenga nuestra página.
Imagen de fondo: background
Puede que no quieres que tu página tenga un color sólo de fondo, sino que
quieras que tu página tenga una imagen.
Color de texto: text
Una vez tenemos el fondo definido, tendremos que predefinir ahora el color
del texto de nuestra web. Es decir, tendremos que decirle al navegador de
qué color queremos que sea nuestro texto.
Márgenes: leftmargin, topmargin, rightmargin y bottommargin
Ya sabemos de qué color será nuestro fondo y nuestro texto, pero también
podemos predefinir los márgenes de nuestra página web para que queda
mucho mejor.
4. Encabezados
Puede que queramos empezar nuestra web o nuestro texto con un
encabezado indicando el título del artículo, categoría, etc. Pues
bien, para escribir encabezados tenemos que utilizar las etiquetas
<h>.
Esta etiqueta viene acompañada de un número, desde el 1 hasta el
6, predefiniendo éstos el tamaño del encabezado. Así, <h1> sería el
encabezado más grande mientras que <h6> sería el más pequeño.
<h1> Texto muy grande</h1>
<h2>Texto grande</h2>
<h3>Texto algo más grande de lo normal</h3>
<h4>Texto normal</h4>
<h5>Texto pequeño</h5>
<h6>Texto muy pequeño</h6>
5. Fuente
La propiedad font-family se usa para establecer una lista
ordenada de fuentes que se usarán para mostrar un
elemento determinado o una página web. Si la primera fuente
de la lista no está instalada en el ordenador desde el que se
accede al sitio, se seguirá probando con la siguiente fuente
hasta encontrar una fuente apropiada.
6. Tablas
Las tablas se usan con profusión en las páginas Web, muchas
veces debido a que son el único instrumento con el que se cuenta,
para asegurarse que las cosas estarán en su sitio. Para definir una
tabla se usan las etiquetas:
<TABLE> y </TABLE> Son las etiquetas donde está contenida la
tabla
<TR> y </TR> Son las etiquetas que indican el comienzo y fin de
una fila (<th> y </th> Si es una fila de cabecera
<TD> y </TD> Señalan una celda.
La tabla se va definiendo declarando una fila y a continuación las
celdas que contiene esa fila, luego otra fila y sus celadas, etc. No es
necesario que todas las filas contengan el mismo número de celdas.
7. Hipervínculos
Dentro de una página web, los hipervínculos son las
palabras, párrafos o imágenes que al darles click, te llevarán
a otro lugar, ya sea a otra página, o a una sección en
específico dentro de la misma página; desempeñan una
función muy útil, por ello saber cómo aprender a
programar hipervínculos a la hora de crear un sitio web es
muy importante.
8. Párrafo
HTML considera que los párrafos son bloques de texto. Los
navegadores hacen lo posible para adaptar el contenido de
los párrafos a la ventana, a menos que los atributos
NOWRAP o NOBR estén explícitamente especificados.
Dentro de un párrafo, todos los espacios, tabuladores y
saltos de línea cuentan como un espacio simple.
Para colocar textos en bloques, se utiliza el par de etiquetas
<p> y </p>. Esta etiqueta puede incluir cualquiera de los
atributos mencionados anteriormente.
Los saltos de línea (saltar de una línea a la siguiente) se
crean usando la etiqueta <br/>.
9. Texto
El formateo del texto, o sea, el formato del texto, son una
serie de etiquetas que escribimos en html rodeando la
palabra o el texto y que transforman ese texto en el formato
que nosotros le hemos querido dar.
Las etiquetas deben rodear al texto. Es decir, la etiqueta
debe abrirse y cerrarse, conteniendo el texto o la palabra que
queramos transformar, entre medias. En el ejemplo de la
negrita se abriría <b> y se cerraría </b>.