Crear paginas html
Páginas: 8 (1777 palabras)
Publicado: 13 de octubre de 2010
1. CREACIÓN DE PÁRRAFOS
Toda página HTML está compuesta, principalmente, por párrafos de texto combinados con otros elementos, como pueden ser imágenes, tablas o formularios. La inserción de párrafos ser realiza mediante la utilización de la étiqueta <p> y su correspondiente cierre, </p>.
La separación entre los párrafos queda prefijada al utilizar las etiquetas anteriores, aunquedependerá del navegador con el que se muestre la página. Sin embargo sí podemos modificar la justificación del texto mediante el parámetro align, que puede tomar los valores left (alineación izquierda), center (alineación centrada) y right (alineación derecha).
Si se desea dejar poco espacion entre párrafos se pueden insertar saltos de línea mediante la etiqueta <br>. A diferencia del tag<p> ... </p>, esta etiqueta no tiene cierre.
Vamos a ver un ejemplo de lo descrito anteriormente:
<html><head>
<title>Ejemplo de creación de párrafos</title>
</head><body>
<p align="right">Párrafo alineado a la derecha.</p>
<p align="center">Párrafo centrado.</p>
<p >Párrafo alineado a la izquierda...<br>ypegado e esta otra línea.</p>
</body></html>
2. DANDO FORMATO AL TEXTO
Para controlar las tipografías, colores y tamaños de los textos de tu página puedes utilizar la etiqueta <font> ... </font>. Este tag está siendo reemplazado por la utilización de hojas de estilos (CSS), pero para usuarios poco avanzados es mejor comenzar utilizando la etiqueta <font>,más fácil de entender y de implementar.
Para elegir el tipo de letra que desea utilizar en un párrafo, basta con incluirlo entre <font face="tipo-letra"> ... </font>. Por ejemplo, si queremos escribir ¡Hola! con letra Century Gothic utilizamos el siguiente código:
<p><font face="Century Gothic">¡Hola!</font></p>
3. Inserción de imágenes en el documento
Parainsertar una imagen en el documento se utiliza la etiqueta <img>. Para especificar la imagen a visualizar se utiliza el parámetro src:
<img src="logo.gif">
La imagen aparecerá en el lugar donde se encuentre la etiqueta. Mediante el uso de otros parámetros podemos especificar la alineación del texto alrededor de la imagen, el tamaño de la misma y otras características. Vamos a ver losmás utilizados:
align: permite especificar la alineación de la imagen y del texto alrededor de la imagen. Puede tomar los valores left, right, top, texttop, middle, absmiddle, baseline, bottom, absbottom. Ejemplos:
<img src="logo.gif" align="middle">Texto alineado en el centro...
<img src="logo.gif" align="bottom">Texto alineado abajo...
title: este parámetro permite especificarun texto alternativo, que se muestra cuando el puntero del ratón pasa por encima de la imagen. Ejemplo:
<img src="logo.gif" title="Tutorial de HTML">
alt: el argumento de este parámetro se muestra mientras se está cargando la imagen, y en caso de que no pueda cargarse permanece visible (de modo que el usuario pueda saber a qué hace referencia esa imagen). En los navegadores que nosoportan imagenes (por ejemplo, Lynx) aparece el texto especificado en este parámetro en lugar de la imagen.
width / height: permiten especificar el tamaño de la imagen (ancho y alto). Si no se incluyen, la imagen se muestra a su tamaño real. Aunque se desee mostrar la imagen a tamaño real, es conveniente incluir estos parámetros para permitir que el navegador construya la página antes de haberfinalizado la carga de todas las imágenes, mostrando por lo menos el texto del documento. Ejemplo:
<img src="logo.gif" width="150" height="100">
4. CREANDO ENLACES DE TEXTOS
Si comprendemos los conceptos anteriores, no tendremos ninguna dificultad para crear enlaces. La etiqueta HTML destinada a tal efecto es <a href...> ... </a>. La viene de anchor (en inglés, ancla).
Por...
Toda página HTML está compuesta, principalmente, por párrafos de texto combinados con otros elementos, como pueden ser imágenes, tablas o formularios. La inserción de párrafos ser realiza mediante la utilización de la étiqueta <p> y su correspondiente cierre, </p>.
La separación entre los párrafos queda prefijada al utilizar las etiquetas anteriores, aunquedependerá del navegador con el que se muestre la página. Sin embargo sí podemos modificar la justificación del texto mediante el parámetro align, que puede tomar los valores left (alineación izquierda), center (alineación centrada) y right (alineación derecha).
Si se desea dejar poco espacion entre párrafos se pueden insertar saltos de línea mediante la etiqueta <br>. A diferencia del tag<p> ... </p>, esta etiqueta no tiene cierre.
Vamos a ver un ejemplo de lo descrito anteriormente:
<html><head>
<title>Ejemplo de creación de párrafos</title>
</head><body>
<p align="right">Párrafo alineado a la derecha.</p>
<p align="center">Párrafo centrado.</p>
<p >Párrafo alineado a la izquierda...<br>ypegado e esta otra línea.</p>
</body></html>
2. DANDO FORMATO AL TEXTO
Para controlar las tipografías, colores y tamaños de los textos de tu página puedes utilizar la etiqueta <font> ... </font>. Este tag está siendo reemplazado por la utilización de hojas de estilos (CSS), pero para usuarios poco avanzados es mejor comenzar utilizando la etiqueta <font>,más fácil de entender y de implementar.
Para elegir el tipo de letra que desea utilizar en un párrafo, basta con incluirlo entre <font face="tipo-letra"> ... </font>. Por ejemplo, si queremos escribir ¡Hola! con letra Century Gothic utilizamos el siguiente código:
<p><font face="Century Gothic">¡Hola!</font></p>
3. Inserción de imágenes en el documento
Parainsertar una imagen en el documento se utiliza la etiqueta <img>. Para especificar la imagen a visualizar se utiliza el parámetro src:
<img src="logo.gif">
La imagen aparecerá en el lugar donde se encuentre la etiqueta. Mediante el uso de otros parámetros podemos especificar la alineación del texto alrededor de la imagen, el tamaño de la misma y otras características. Vamos a ver losmás utilizados:
align: permite especificar la alineación de la imagen y del texto alrededor de la imagen. Puede tomar los valores left, right, top, texttop, middle, absmiddle, baseline, bottom, absbottom. Ejemplos:
<img src="logo.gif" align="middle">Texto alineado en el centro...
<img src="logo.gif" align="bottom">Texto alineado abajo...
title: este parámetro permite especificarun texto alternativo, que se muestra cuando el puntero del ratón pasa por encima de la imagen. Ejemplo:
<img src="logo.gif" title="Tutorial de HTML">
alt: el argumento de este parámetro se muestra mientras se está cargando la imagen, y en caso de que no pueda cargarse permanece visible (de modo que el usuario pueda saber a qué hace referencia esa imagen). En los navegadores que nosoportan imagenes (por ejemplo, Lynx) aparece el texto especificado en este parámetro en lugar de la imagen.
width / height: permiten especificar el tamaño de la imagen (ancho y alto). Si no se incluyen, la imagen se muestra a su tamaño real. Aunque se desee mostrar la imagen a tamaño real, es conveniente incluir estos parámetros para permitir que el navegador construya la página antes de haberfinalizado la carga de todas las imágenes, mostrando por lo menos el texto del documento. Ejemplo:
<img src="logo.gif" width="150" height="100">
4. CREANDO ENLACES DE TEXTOS
Si comprendemos los conceptos anteriores, no tendremos ninguna dificultad para crear enlaces. La etiqueta HTML destinada a tal efecto es <a href...> ... </a>. La viene de anchor (en inglés, ancla).
Por...
Leer documento completo
Regístrate para leer el documento completo.