El documento presenta 11 temas sobre etiquetas de HTML. Explica etiquetas para manipular el tamaño de la fuente, generar encabezados, definir el tipo de fuente, manipular el color, insertar imágenes y manipular el ancho y alto de imágenes. También describe la etiqueta <marquee> para texto en movimiento y la función <alt> para texto alternativo de imágenes.
2. TEMAS O TEMARIO
1. 1. ¿Qué es una fuente en código HTML?
2. 2. ¿Cuáles son las etiquetas para manipular el tamaño de la letra?
3. 3. Describe las etiquetas para generar los encabezados, coloca una
imagen de cada uno (puedes imprimir imágenes y pegarlas en tu
cuaderno)
4. 4. ¿Qué es la etiqueta Font face?
5. 5. Coloca un pequeño código donde expliques la etiqueta Font face.
6. 6. ¿Cómo se puede manipular el color de la fuente?
7. Describe la etiqueta con un ejemplo de código
8. 8. ¿Cuál es la etiqueta de marquee?
9. 9. Describe la etiqueta de como insertar una imagen
10. 10. ¿Cómo puedes manipular el ancho y alto de una imagen?
11. 11. ¿Qué tiene que ver la función “ALT” dentro de la etiqueta de una
imagen? Y escribe un ejemplo.
3. 1. ¿QUÉ ES UNA FUENTE EN CÓDIGO
HTML?
Es un conjunto de líneas de texto que son
las instrucciones que debe seguir
la computadora para ejecutar dicho
programa. Por tanto, en el código fuente
de un programa está escrito por
completo su funcionamiento.
5. 3. Describe las etiquetas para generar los
encabezados, colocauna imagen de cada uno
Encabezados
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
6. PERMITE ESTABLECER EL TIPO DE LETRA QUE SE UTILIZARÁ LA
PAGINA WEB POR EJEMPLO ARIAL, VERDANA, NEW ROMAN
,ALGERIAN. ALIGN: ESTE ATRIBUTO NOS INDICARÁ SI EL TEXTO
DENTRO DE LA ETIQUETA SE ALINEARÁ EN LA ZONA ALTA DEL
MARQUEE ("TOP"), EN EL MEDIO ("MIDDLE") O EN LA PARTE
BAJA ("BOTTOM").
4. ¿Qué es la etiqueta font face?
7. CON ESTE ATRIBUTO PONDREMOS COLOR A
LA FUENTE YA SEA EN PALABRA EN INGLES
(BLUE) O BIEN EN CÓDIGO HEXADECIMAL
#0000FF
EJEMPLO:
<FONT FACE=“ARIAL” SIZE=“7”
COLOR=“#999999”>TEXTO</FONT>
6. ¿Cómo se puede manipular el color de
la fuente?
8. • LA ETIQUETA MARQUEE NOS SIRVE PARA DAR UN
EFECTO DIFERENTE A LOS TEXTO DE NUESTRA PÁGINA
WEB. GRACIAS A ELLA PODEMOS CONSEGUIR TEXTO
EN MOVIMIENTO.
PARA APLICAR ESTE EFECTO A LOS TEXTOS, ÉSTOS
DEBEN ESTAR DENTRO DE LA ETIQUETA MARQUEE,
ENTRE SU INICIO "<MARQUEE>" Y SU CIERRE
"</MARQUEE>".
PARA APLICAR ESTE EFECTO A LOS TEXTOS,
ÉSTOS DEBEN ESTAR DENTRO DE LA ETIQUETA
MARQUEE, ENTRE SU INICIO
"<MARQUEE>" Y SU CIERRE "</MARQUEE>".
¿Cuál es la etiqueta de marque?
9. LA ETIQUETA <IMG> QUE FUNCIONA PARA
COLOCAR IMÁGENES DENTRO DE UNA PÁGINA
WEB.
PARA PONER UNA IMÁGEN UTILIZAMOS EL
SIGUIENTE CÓDIGO:
<IMG SRC="IMAGENHTML.JPG">
9. Describe la etiqueta de como insertar
una imagen
10. 10. ¿Cómo puedes manipular
el ancho y alto de una imagen?
Manipular ancho y alto de una imagen Si queremos
modificar el tamaño deberemos de utilizar los atributos
HTML width y height, los cuales nos permiten modificar el
ancho y el alto de la imagen respectivamente.
height y width: El primero marca la altura que tendrá
la marquesina y el segundo la anchura de la misma.
A estos atributos les tendremos que dar unos valores
numéricos que indiquen el valor en pixels que queremos
reflejar. Ejemplo <IMG SRC="immagine.gif">
11. 11. ¿Qué tiene que ver la función “ALT” dentro de la
etiqueta de una imagen? Y escribe un ejemplo.
• El atributo alt se puede usar para varios propósitos, la primera
para que cuando se posicione el ratón sobre la imagen, salga
un texto, generalmente explicando la imagen.
• La siguiente posibilidad es para meter palabras clave de cara a
los buscadores, ya que es uno de los atributos que rastrean
dentro de una página html.
• Otra posibilidad es que si no te carga la imagen, en vez de
aparecer el típico recuadro con la cruz te puede salir
(dependiendo del navegador) el texto que has colocado en el
alt.
Ejemplos =
• <img class="size-full wp-image-476" title="el salto del delfín"
src="http://cabinasubmarina.wordpress.com/files/2009/10/delfines-
saltando-en-el-mar.jpg" alt="delfines-saltando-en-el-mar"
width="480" height="360" />
• <div id="Clogo">
12. FORMATO APA
• http://es.wikipedia.org/wiki/C%C3%B3digo_fuenteRecuperado Por Alonso Dueñas Fletes
07-05-2015
• http://alfatips.com/temas/fontfacefontcolorfontsizeRecuperado Por Alonso Dueñas Fletes
07-05-2015
• http://html.hazunaweb.com/116.phpRecuperado Por Alonso Dueñas Fletes
07-05-2015
• http://www.ejemplode.com/17-html/81-Recuperado Por Alonso Dueñas Fletes
07-05-2015
• ejemplo_de_como_colocar_imagenes_con_html.htmlRecuperado Por Alonso Dueñas Fletes
07-05-2015
• http://www.desarrolloweb.com/faq/atributo-alt-imagenes.html Recuperado Por Alonso Dueñas Fletes
07-05-2015 Nacho Rodriguez
• http://www.htmlpoint.com/guida/html_09.htm
• Recuperado Por Alonso Dueñas Fletes
07-05-2015
• http://lineadecodigo.com/html/alto-y-ancho-de-una-imagen-con-html/ diciembre 4, 2007
por Víctor Cuervo
Recuperado Por Alonso Dueñas 07-05-2015