Embed Size (px)
Citation preview
COLEGIO BUCERIAS MAESTRA AZUCENAPREPA 1 A ETIQUETAS DE HTML
Alonso Dueñas Fletes
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.
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.
<HTML> <BODY> <BASEFONT SIZE="2">
<P>TU TEXTO</P> </BASEFONT> </BODY> </HTML>
2. ¿Cuáles son las etiquetas para manipular el tamaño de la letra?
3. Describe las etiquetas para generar los
encabezados, coloca una imagen de cada uno
Encabezados
HTML acepta seis encabezados para definir la estructura jerárquica de los párrafos en un documento:
Etiqueta Efecto visualH1 PruebaH2 PruebaH3 PruebaH4 PruebaH5 PruebaH6 Prueba
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?
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?
• 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?
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. ¿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. ¿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">
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 CuervoRecuperado Por Alonso Dueñas 07-05-2015
![A-BEAM S Suunnitteluohje - Anstar Oy · SFS-EN 1090-2 Teräsrakenteiden toteuttaminen. Osa 2. Teräsrakenteita koskevat tekniset vaatimukset. Toteutusluokat EXC2 ja EXC3. [2] SFS-EN](https://img.dokumen.tips/doc/110x75/5e2a92d6a87173124b07cc61/a-beam-s-suunnitteluohje-anstar-oy-sfs-en-1090-2-tersrakenteiden-toteuttaminen.jpg)
