SlideShare una empresa de Scribd logo
1 de 12
COLEGIO BUCERIAS
MAESTRA AZUCENA
PREPA 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, 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
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 Cuervo
Recuperado Por Alonso Dueñas 07-05-2015

Más contenido relacionado

La actualidad más candente

Mapa conceptual power point mac gyver ganem
Mapa conceptual power point mac gyver ganemMapa conceptual power point mac gyver ganem
Mapa conceptual power point mac gyver ganemMac Ganem
 
Exc12 p1 b_ana gabriela ramos lozano
Exc12 p1 b_ana gabriela ramos lozanoExc12 p1 b_ana gabriela ramos lozano
Exc12 p1 b_ana gabriela ramos lozanoGabrielaLozano27
 
Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing?
Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing?Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing?
Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing?emBlue Email Marketing @embluemail
 
Falta informatica
 Falta informatica Falta informatica
Falta informaticaKarenRostand
 
Diversas características generales
Diversas características generalesDiversas características generales
Diversas características generalesga12007
 
Mapa conceptual genny hernandez
Mapa conceptual genny hernandezMapa conceptual genny hernandez
Mapa conceptual genny hernandezFernanda Useche
 
El ambiente del power point 2
El ambiente del power point 2El ambiente del power point 2
El ambiente del power point 2Roger Martinez
 
Creación de diapositivas con efectos especiales en power point
Creación de diapositivas con efectos especiales en power pointCreación de diapositivas con efectos especiales en power point
Creación de diapositivas con efectos especiales en power pointMaria Elisa
 
Insertar tu propio banner en el blog
Insertar tu propio banner en el blogInsertar tu propio banner en el blog
Insertar tu propio banner en el blogalexgjv
 

La actualidad más candente (18)

Mapa conceptual power point mac gyver ganem
Mapa conceptual power point mac gyver ganemMapa conceptual power point mac gyver ganem
Mapa conceptual power point mac gyver ganem
 
Exc12 p1 b_ana gabriela ramos lozano
Exc12 p1 b_ana gabriela ramos lozanoExc12 p1 b_ana gabriela ramos lozano
Exc12 p1 b_ana gabriela ramos lozano
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
HTML
HTMLHTML
HTML
 
Mapa conceptual powerpoint
Mapa conceptual powerpointMapa conceptual powerpoint
Mapa conceptual powerpoint
 
Victor machuca
Victor machucaVictor machuca
Victor machuca
 
HTML-Andrea Sofia
HTML-Andrea SofiaHTML-Andrea Sofia
HTML-Andrea Sofia
 
Compu
CompuCompu
Compu
 
Mapa conceptual de power point
Mapa conceptual de power pointMapa conceptual de power point
Mapa conceptual de power point
 
Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing?
Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing?Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing?
Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing?
 
Anggy Martinez mapa
Anggy Martinez mapaAnggy Martinez mapa
Anggy Martinez mapa
 
Falta informatica
 Falta informatica Falta informatica
Falta informatica
 
Diversas características generales
Diversas características generalesDiversas características generales
Diversas características generales
 
Mapa conceptual genny hernandez
Mapa conceptual genny hernandezMapa conceptual genny hernandez
Mapa conceptual genny hernandez
 
El ambiente del power point 2
El ambiente del power point 2El ambiente del power point 2
El ambiente del power point 2
 
Creación de diapositivas con efectos especiales en power point
Creación de diapositivas con efectos especiales en power pointCreación de diapositivas con efectos especiales en power point
Creación de diapositivas con efectos especiales en power point
 
Insertar tu propio banner en el blog
Insertar tu propio banner en el blogInsertar tu propio banner en el blog
Insertar tu propio banner en el blog
 
Power point
Power pointPower point
Power point
 

Destacado (19)

Portafolio nubia.
Portafolio nubia.Portafolio nubia.
Portafolio nubia.
 
BMW_Motorrad_F700GS_F800GS_DE.pdf
BMW_Motorrad_F700GS_F800GS_DE.pdfBMW_Motorrad_F700GS_F800GS_DE.pdf
BMW_Motorrad_F700GS_F800GS_DE.pdf
 
Higiene y seguridad industrial
Higiene y seguridad industrialHigiene y seguridad industrial
Higiene y seguridad industrial
 
MICROBLOGS TWITTER EN LA ADMINISTRACION
MICROBLOGS TWITTER EN LA ADMINISTRACIONMICROBLOGS TWITTER EN LA ADMINISTRACION
MICROBLOGS TWITTER EN LA ADMINISTRACION
 
studie-oeffentlicherdienst-2009.pdf
studie-oeffentlicherdienst-2009.pdfstudie-oeffentlicherdienst-2009.pdf
studie-oeffentlicherdienst-2009.pdf
 
AMSEL-Pressemeldung_Stuttgarter MS-Symposium via Livestream.pdf
AMSEL-Pressemeldung_Stuttgarter MS-Symposium via Livestream.pdfAMSEL-Pressemeldung_Stuttgarter MS-Symposium via Livestream.pdf
AMSEL-Pressemeldung_Stuttgarter MS-Symposium via Livestream.pdf
 
El agua
El aguaEl agua
El agua
 
César Quevedo , Edisson Tapia
César Quevedo , Edisson TapiaCésar Quevedo , Edisson Tapia
César Quevedo , Edisson Tapia
 
Pressemitteilung Unimog Budapest.pdf
Pressemitteilung Unimog Budapest.pdfPressemitteilung Unimog Budapest.pdf
Pressemitteilung Unimog Budapest.pdf
 
Übergabe von zwölf Elektro-Transportern in Finnland_final.pdf
Übergabe von zwölf Elektro-Transportern in Finnland_final.pdfÜbergabe von zwölf Elektro-Transportern in Finnland_final.pdf
Übergabe von zwölf Elektro-Transportern in Finnland_final.pdf
 
PIFörderjahr.pdf
PIFörderjahr.pdfPIFörderjahr.pdf
PIFörderjahr.pdf
 
Presentación
PresentaciónPresentación
Presentación
 
Actividad 4
Actividad  4Actividad  4
Actividad 4
 
Todos iguales, todos diferentes
Todos iguales, todos diferentesTodos iguales, todos diferentes
Todos iguales, todos diferentes
 
Internet
InternetInternet
Internet
 
Ingeniería mecánica
Ingeniería mecánicaIngeniería mecánica
Ingeniería mecánica
 
Recursos Remotos
Recursos RemotosRecursos Remotos
Recursos Remotos
 
Portafolio. unidad 3
Portafolio. unidad 3Portafolio. unidad 3
Portafolio. unidad 3
 
Wirtschaftsplanung 2013_2.pdf
Wirtschaftsplanung 2013_2.pdfWirtschaftsplanung 2013_2.pdf
Wirtschaftsplanung 2013_2.pdf
 

Similar a Exc2 inf a-alonsodueñas

Html- Andrea Sofia
Html- Andrea SofiaHtml- Andrea Sofia
Html- Andrea SofiaAndrea_Sofia
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoMayra Franco
 
Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1yanburbano
 
Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF fabianm94
 
El lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webEl lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webAlvaroav
 
Etiquetas basicas producto 10
Etiquetas basicas producto 10Etiquetas basicas producto 10
Etiquetas basicas producto 10marinonema2
 
Katherine duarte herrera 2do actividad no 2 - - html ( hyper_text markup l...
Katherine duarte herrera   2do actividad no 2 -  - html ( hyper_text markup l...Katherine duarte herrera   2do actividad no 2 -  - html ( hyper_text markup l...
Katherine duarte herrera 2do actividad no 2 - - html ( hyper_text markup l...decimosistemas2018
 
Semillero .net
Semillero .netSemillero .net
Semillero .netdruckern
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apaKarolCortes7
 
Universidad tecnica tarea 4
Universidad tecnica tarea 4Universidad tecnica tarea 4
Universidad tecnica tarea 4lilibethmirand
 
Universidad tecnica tarea 4
Universidad tecnica tarea 4Universidad tecnica tarea 4
Universidad tecnica tarea 4lilibethmirand
 
INF2_EXC12_SOFÍA GARCÍA ( HTML )
INF2_EXC12_SOFÍA GARCÍA ( HTML )INF2_EXC12_SOFÍA GARCÍA ( HTML )
INF2_EXC12_SOFÍA GARCÍA ( HTML )sofigm
 
Tema 05 trabajando con imagenes en html
Tema 05 trabajando con imagenes en htmlTema 05 trabajando con imagenes en html
Tema 05 trabajando con imagenes en htmlSalomon Aquino
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas webalbafa1995
 

Similar a Exc2 inf a-alonsodueñas (20)

Codigos de html mitzi inf 1
Codigos de html mitzi inf 1Codigos de html mitzi inf 1
Codigos de html mitzi inf 1
 
Html- Andrea Sofia
Html- Andrea SofiaHtml- Andrea Sofia
Html- Andrea Sofia
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafranco
 
Manual html
Manual htmlManual html
Manual html
 
Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1
 
Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF
 
El lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webEl lenguaje de programación en las páginas web
El lenguaje de programación en las páginas web
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
 
Etiquetas basicas producto 10
Etiquetas basicas producto 10Etiquetas basicas producto 10
Etiquetas basicas producto 10
 
Katherine duarte herrera 2do actividad no 2 - - html ( hyper_text markup l...
Katherine duarte herrera   2do actividad no 2 -  - html ( hyper_text markup l...Katherine duarte herrera   2do actividad no 2 -  - html ( hyper_text markup l...
Katherine duarte herrera 2do actividad no 2 - - html ( hyper_text markup l...
 
Semillero .net
Semillero .netSemillero .net
Semillero .net
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 
Universidad tecnica tarea 4
Universidad tecnica tarea 4Universidad tecnica tarea 4
Universidad tecnica tarea 4
 
Universidad tecnica tarea 4
Universidad tecnica tarea 4Universidad tecnica tarea 4
Universidad tecnica tarea 4
 
Tutorial ejercicio 1
Tutorial ejercicio 1Tutorial ejercicio 1
Tutorial ejercicio 1
 
Modulo paginas
Modulo paginasModulo paginas
Modulo paginas
 
INF2_EXC12_SOFÍA GARCÍA ( HTML )
INF2_EXC12_SOFÍA GARCÍA ( HTML )INF2_EXC12_SOFÍA GARCÍA ( HTML )
INF2_EXC12_SOFÍA GARCÍA ( HTML )
 
Tema 05 trabajando con imagenes en html
Tema 05 trabajando con imagenes en htmlTema 05 trabajando con imagenes en html
Tema 05 trabajando con imagenes en html
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 

Último

definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son241514984
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMidwarHenryLOZAFLORE
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 

Último (20)

definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptx
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 

Exc2 inf a-alonsodueñas

  • 1. COLEGIO BUCERIAS MAESTRA AZUCENA PREPA 1 A ETIQUETAS DE HTML Alonso Dueñas Fletes
  • 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.
  • 4. <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?
  • 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