El documento explica cómo incluir imágenes en una página web usando la etiqueta <img> y sus atributos src, width y height. También describe cómo definir párrafos de texto con la etiqueta <p> y sus atributos align, y cómo modificar las propiedades del texto con la etiqueta <font> y sus atributos face, color y size.
2. Para incluir imágenes en una página web 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.aprenderaprogramar.com/images/logo.png"
alt="Logotipo APR2">
Atributo Uso Observaciones
src
Este atributo es obligatorio e indica el nombre del archivo de
imagen (entre comillas) o la URL desde la que se va a
obtener la imagen.
Obligatorio. Si no se incluye no se
mostrará imagen alguna.
align
Permite controlar la alineación de una imagen con respecto a
una línea de texto adyacente o a otras imágenes en esa línea.
Los valores posibles son los ya conocidos left, right, middle,
top, bottom.
Atributo obsoleto (deprecated). Sustituir
por CSS.
Width
Este atributo es opcional pero podemos ponerlo para
especificar al navegador que muestre la imagen con un
tamaño específico. Significa “ancho de la imagen” que vamos
a representar. Si no se escribe, se carga la imagen con el
tamaño original.
Opcional. Indicar valor en pixeles.
También se puede indicar con CSS.
Height Al igual que el atributo width, es opcional. Este atributo indica
el alto de la imagen.
Opcional. Indicar valor en pixeles.
También se puede indicar con CSS.
3. La etiqueta <body> define el cuerpo de un documento.
Dentro del cuerpo del documento se incluye todo el contenido del mismo.
El color de fondo puede establecerse a través del atributo bgcolor, al que
es posible asignarle un color representado en hexadecimal o por un
nombre predefinido.
...
<body bgcolor="#0000FF">
...
</body>
</html>
4. HTML acepta seis encabezados para definir
la estructura jerárquica de los párrafos en un
documento:
Etiqueta Efecto visual
H1 Prueba
H2 Prueba
H3 Prueba
H4 Prueba
H5 Prueba
H6 Prueba
5. La etiqueta que permite esto se llama FONT
(Fuente) y presenta atributos que nos permiten
modificar el tamaño y color del texto incluido entre la
etiqueta de inicio y fin.
Inst. HTML Muestra Explicación
<FONT
SIZE=2>Muestra</FONT
>
Muestra
Obtendriamos en este
caso texto de tamaño de
fuente 2
<FONT
SIZE=6>Muestra</FONT
>
Muestra
Este texto es de tamaño
de fuente 6
<FONT SIZE=-
1>Muestra</FONT>
Muestra
Obtendriamos también en
este caso texto de
tamaño de fuente 2, pero
lo definiríamos de forma
relativa: 3-1=2
6. l atributo width establece el ancho de la
tabla, en porcentaje o en píxeles.
Ejemplos:
<table width="50%">
<table width="200px">
<table border="1">
7. Los enlaces o hipervínculos, también
llamados hipertextos son los textos o los
objetos sobre los que podemos hacer clic
para que nos lleven a otra parte del
documento, a otra página web en el mismo
sitio o a otra página de Internet, entre otras
funciones.
8. La marca <P> sirve para definir un nuevo párrafo de texto,
indicando al navegador que el mismo debe empezar en una
nueva línea y colocarse a la derecha, a la izquierda o centrado.
Si no se especifica otra cosa, la marca <P> alinea el texto por
defecto a la izquierda. Para indicar otros tipos de alineación,
existen atributos específicos:
<P ALIGN=left>
Define un párrafo y alinea el texto a la izquierda(left).
<P ALIGN=right>
Define un párrafo y alinea el texto a la derecha (right).
<P ALIGN=center>
Define un párrafo y centra el texto (center).
9. Las propiedades del texto pueden modificarse a través de la etiqueta
<font>. Para ello, podemos insertar el texto entre las etiquetas <font> y
</font>, especificando algunos de los atributos de la etiqueta:
Atributo Significado Posibles valores
Face Fuente
Nombre de la fuente, o
fuentes
Color Color de texto
Número hexadecimal o texto
predefinido
Size Tamaño del texto
Valores del 1 al 7, siendo por
defecto el 3,
o desplazamiento respecto al
tamaño por defecto,
añadiendo + o - delante del
valor