Contenido para realizar una página web en HTML
- Tablas
Una tabla no es otra cosa más que un medio de organizar
datos en filas y columnas. Este concepto ha estado presente en nuestra sociedad
por un largo período de tiempo y ha sido adoptado por HTML en sus etapas
iniciales, como una forma de transmitir información que, de otro modo, no sería
comprendida tan fácilmente.
En documentos HTML una tabla puede ser considerada,
resumidamente, como un grupo de filas donde cada una contiene a un grupo de
celdas. Esto es conceptualmente distinto a un grupo de columnas que contiene a
un grupo de filas, y esta diferencia tendrá un impacto en la composición y
comportamiento de la tabla.
- Enlaces
Entre las etiquetas <a href=""></a> se
puede colocar cualquier elemento html que funcionará como botón, generalmente
se coloca un texto o una imagen. Si es un texto, el navegador por defecto lo
muestra en color azul y subrayado. Si es una imagen, algunos navegadores
especialmente las versiones anteriores a las actuales, le pueden agregar un
borde azul.
ejemplo: <a href="/">Inicio</a>
Al pulsar el enlace anterior desde cualquier página web, se
vuelve directamente a la página de inicio, home o página principal del sitio
web.
- fuentes
En HTML y XHTML, es el tipo de letra o familia de tipos de
letra es el tipo de letra que se aplicará al cuerpo de texto en un navegador.
El tipo de letra es relevante para la visualización del texto en la pantalla,
en una impresora o en otro tipo de dispositivos.
- Viñetas
En las listas con viñetas, cada párrafo comienza con un
símbolo de viñeta. En las listas numeradas, cada párrafo comienza con una
expresión que incluye un número o letra y un separador como, por ejemplo, un
punto o un paréntesis. Los números de una lista numerada se actualizan
automáticamente cuando se añaden o quitan párrafos. Puede cambiar el tipo de viñeta
o el estilo de numeración, el separador, los atributos de fuente y el tipo y la
cantidad de espaciado de sangría.
- Texto
Las etiquetas de texto en línea se emplean para identificar
fragmentos de texto que tienen un significado especial. Normalmente, los
elementos de texto en línea se encuentran dentro de elementos de bloque,
modificaciones o tablas.
En esta lección se comentan las etiquetas de texto en línea
<br>, <span>, <em>, <strong>, <small>, <s>,
<cite>, <q>, <dfn>, <abbr>, <time>, <kbd>,
<sub>, <sup>, <i>, <b> y <mark>.
- Alineacion:
Es posible alinear elementos en bloque (tablas, imágenes,
objetos, párrafos, etc.) en el lienzo con el atributo align. Aunque este
atributo se puede establecer en muchos elementos HTML, su rango de valores
posibles difiere en ocasiones de unos elementos a otros. Aquí sólo se considera
el significado del atributo align para texto
align = left|center|right|justify [CI]
Desaprobado. Este atributo especifica la alineación
horizontal de su elemento con respecto al contexto circundante. Valores
posibles:
left: las líneas de texto se representan con los bordes
izquierdos alineados.
center: las líneas de texto son centradas.
right: las líneas de texto se representan con los bordes
derechos alineados.
justify: las líneas de texto se justifican en ambos
márgenes.
Para definir distintos tamaños de letra, en HTML se utiliza
el elemento lleno <Hx> </Hx> donde x es un número que puede variar
entre 1 y 6, siendo 1 el tamaño mayor.
Se escribirán así:
3.Fuente
Las propiedades del texto pueden modificarse a través de la
etiqueta . Para ello, podemos insertar el texto entre las etiquetas y , especificando
algunos de los atributos de la etiqueta:
FACE: fuente. nombre de la fuente, o fuentes
COLOR: color del 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
- Frames
Los frames (en inglés frame = cuadro, bastidor o marco) es
un elemento implementado por Netscape, que permite dividir la pantalla en
varias áreas independientes unas de otras, y por tanto con contenidos
distintos, aunque puedan estar relacionados. No hay límites para el contenido
de cada una de estas áreas: tienen las mismas propiedades que la pantalla
completa normal, tal y como la conocemos. No hay que confundir los frames con
las tablas. Su apariencia, a veces, puede ser similar, pero mientras el
contenido de la celda de una tabla es fijo, en un área de pantalla creado por
el elemento FRAME se dispone de todos los recursos del HTML. Es una zona viva.
Y se escribiría; así:<FRAMESET COLS=30%,20%,50%> <FRAME SRC="a.htm"> <FRAME SRC="b.htm"> <FRAME SRC="c.htm"> </FRAMESET>
</body>
 |
2. Fondo background
La propiedad background-image se emplea para
establecer la imagen de fondo de cada elemento. La imagen se muestra en la zona
que ocupan el contenido y el relleno del elemento, justo hasta su borde.
background-image: url("imagenes/fondo.png");
3.Insertar imagen
Insertar imágenes en un documento permite crear
páginas mucho más atractivas. Según el tipo de gráficos utilizado se puedenconseguir efectos realmente sorprendentes.Para insertar una imagen en un documento HTML
se utiliza el elemento <IMG>. Este elemento puede ir acompañado de losatributos SRC ALT ISMAP ALIGN WIDTH HEIGHT BORDER VSPACE HSPACE. Con las nuevas implementaciones que Netscape hace del elemento, se consiguen efectos de imagenatributo CLEAR.flotante y por tanto se ha hecho necesario dotar al elemento <BR> dellaura Parra JaramilloNuri Michelle NarvaezChristian Ospina
11-02
No hay comentarios.:
Publicar un comentario