Etiquetas de HTML
Etiquetas utilizadas
en la confección de página web:
@ <img src="nombre.gif"> inserta imágenes
@ <body background=”fondo.jpg”> imagen de fondo
@ <a href="recurso.html">texto del
enlace</a> enlaces entre página
@
<BGSOUND SRC="imagine.mp3"
LOOP=INFINITE> sonido de fondo
@ <EMBED
SRC="imagine.avi" AUTOSTART=true LOOP=true VOLUME="80"
WIDTH="400" HEIGHT="400"> video
@
<hr size= “10” color= “red
”> línea horizontal
@
<marquee bgcolor=”red”> texto </marquee> texto en movimiento.
Listas
§ Las listas son elementos que, como los títulos, permiten presentar
niveles jerarquizados de texto.
§ Los documentos HTML permiten dos tipos de listas:
1.
Listas no ordenadas (bullet list):
su etiqueta principal es <UL>...</UL>.
2.
Listas ordenadas o numeradas (numbered
list): su etiqueta principal es <OL>...</OL>.
3.
Listas de definiciones (definition
list): su etiqueta principal es <DL>...</DL>
.
§ Una vez definido el tipo de lista deseada, los elementos que la componen
se marcan de distinta manera según el tipo:
1.
En las listas ordenadas (<OL>...</OL>) o no ordenadas (<UL>...</UL>), cada elemento de dicha lista se
marca con la etiqueta <LI>...</LI> (list item).
Sintaxis
|
Resultados
|
||||
<TABLE >
<TR> <TD>1 </TD> <TD> 2 </TD> </TR> <TR> <TD>3 </TD> <TD> 4</TD> </TR> </TABLE> |
|
2.
En las listas de definición (<DL>...</DL>), se utilizan dos: cada elemento que
se define se marca con <DT>...</DT> y el texto de cada definición se marca con <DD>...</DD>. Esta etiqueta se puede repetir si se
necesita introducir varios elementos de definición.
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.
<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.
- Color de fondo
- imagen de fondo
- titulo h1, centro
- texto en movimiento
- imágenes gif, jpg
- tablas
- enlaces entre páginas
- sonido
- vídeo
- líneas horizontales
TALLER INDIVIDUAL # 2
1.
Crea
una página web con el tema El Canal de Panamá con los siguientes atributos:
a.
Título: Prueba
b.
Color
de fondo: #EFF2FB
c.
Título
del contenido: centrado
d.
Imagen
(centro, derecha e izquierda)
e.
Líneas horizontales
2.
Cuide
la presentación y ortografía.
3.
Guarde
con sus apellidos.
TALLER INDIVIDUAL # 3
1.Tema: Moda
2. Crea una página web dentro de una tabla con atributos
3. criterios a evaluar:
- Imagen de fondo
- Titulo centrado, h1
- fotos en movimiento
- linea horizontal
- párrafos justificados.
4. Cuide la ortografía.
PROYECTO TRIMESTRAL
TERCER TRIMESTRE
Nombre: __________________________________ Nivel: _________
Tema:
Lenguaje HTML
1.
Crea
una carpeta con su nombre.
2.
Diseña
tres páginas web.
3.
Debe
insertar:
a.
Color
de fondo e imagen
b.
Color
de fuente
c.
Tamaño
de fuente normal
d.
Párrafo
justificado
e.
Titulo
centrado, h1
f.
Línea
horizontal con atributos
g.
Texto
en movimiento con atributos
h.
Listas
ordenadas
i.
Listas
no ordenadas
j.
Imágenes (alineaciones diferentes) – (jpg, gif)
k.
Tablas
l.
Sonido
m.
Video
n.
Enlaces
entre página
4.
Debe
confeccionar una página dentro de una tabla con bordes.
5.
Hacer
un glosario de 10 palabras aplicando las listas de definición
6.
Guarde
con su nombre en usb o cd.
7.
De
no entregar perderá todos los puntos.
Nota:
Puede utilizar las imágenes de ClipArt en Disco local C.
Fecha de entrega: lunes 18 de noviembre de 2013.
No hay comentarios:
Publicar un comentario