2. Incluir imágenes en una página web
es muy sencillo, simplemente
debemos tener en cuenta que las
imágenes tienen que tener los
formatos GIF, JPG o PNG. Las
imágenes dentro de una página web
se incluyen utilizando la etiqueta
<img>, que no tiene una etiqueta
correspondiente de cierre. Ejemplo:
<img
src="http://www.aprenderaprogram
ar.com/images/logo.png"
alt="Logotipo APR2">
4. Puede que queramos empezar nuestra web o
nuestro texto con un encabezado indicando el
título del ar tículo, categoría, etc. Pues bien,
para escribir encabezados tenemos que
uti l izar 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.
A continuación vamos a mostraros el código
de los seis diferentes encabezados:
5. ATRIBUTOS
<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>
6. La etiqueta <body> define el
cuerpo de un documento.
Dentro del cuerpo del
documento se incluye todo el
contenido del mismo, por ej.
textos, enlaces, imágenes,
tablas, etc.
7. ATRIBUTOS
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. Un ejemplo muy simple
es el siguiente: Si queremos
que nuestra página quede con
un fondo rojo deberemos
escribir:<body
bgcolor="#FF0000"></body>
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.
En ese caso deberás indicarlo
con la etiqueta "background".
La etiqueta quedaría de la
siguiente manera:
<body background="URL">
</body>
8. HTML considera que los pár rafos son bloques de
texto. Los navegadores hacen lo posible para
adaptar el contenido de los pár rafos a la ventana, a
menos que los at r ibutos NOWRAP o NOBR estén
expl ícitamente especi ficados.
Dent ro de un pár rafo, todos los espacios,
tabuladores y sal tos de l ínea cuentan como un
espacio simple.
Para colocar textos en bloques, se ut i l iza el par de
et iquetas <p> y </p>. Esta et iqueta puede incluir
cualquiera de los at r ibutos mencionados
anter iormente.
Los sal tos de l ínea (sal tar de una l ínea a la
siguiente) se crean usando la et iqueta <br/>.
La et iqueta <hr> se ut i l iza para inser tar una l ínea
hor izontal .
9. ATRIBUTOS
Etiqueta Atributo Efecto visual
<br/> Salto de línea
<p> y </p> Párrafo
<hr size=5 width=20%
align=left>
SIZE
WIDTH
ALIGN
Contenedores
10. 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 fi la (<th> y </th> si es
una fi la de cabecera)
<TD> y </TD> señalan una celda.
11. EJEMPLO
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.
La tabla (2x2) más sencilla que podemos hacer es la siguiente
Escribimos: Visualizamos
<TABLE >
<TR>
<TD>1 </TD> <TD> 2
</TD>
</TR> <TR>
<TD>3 </TD> <TD>
4</TD>
</TR>
</TABLE>
1 2
3 4
12. Para programar HTML, los hipervínculos se indican con
la etiqueta <a>.
Dicha etiqueta <a> deberá incluir el atributo href para
especificar el destino del hipervínculo, y luego, como
todas las etiquetas de HTML, se deberá cerrar de la
manera </a> para indicar el fin del texto o de la imagen
que contiene el hipervínculo.
Entonces, el hipervínculo en HTML luce de la siguiente
manera:
<a href=”dirección del sitio”>Texto del Hipervínculo</a>
13. Para indicarle al navegador que queremos poner ese
texto en un párrafo, debemos escribirlo entre las
etiquetas <p> y su cierre </p>.
Así el texto quedará dentro de un párrafo, separado por
un espacio en blanco por encima y uno por abajo.
El texto del párrafo lo puedes alinear utilizando la
etiqueta align utilizando los parámetros “center” (para
alinearlo al centro), “right” (para alinearlo a la
derecha), “left” (para alinearlo a la izquierda) y “justify”
(para justificar el texto).
Un ejemplo de esta etiqueta con sus respectivos
parámetros es el siguiente:
14. ATRIBUTOS
<p align="center">Este texto se alineará al centro</p>
<p align="right">Este texto se alineará a la derecha</p>
<p align="left">Este texto se alineará a la izquierda</p>