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

Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúCEFERINO DELGADO FLORES
 
Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfKarinaCambero3
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfFernandoOblitasVivan
 
Actividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolarActividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolar24roberto21
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfjeondanny1997
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptxHugoGutierrez99
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Slideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan GerenciaSlideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan Gerenciacubillannoly
 
Análisis de Artefactos Tecnologicos (3) (1).pdf
Análisis de Artefactos Tecnologicos  (3) (1).pdfAnálisis de Artefactos Tecnologicos  (3) (1).pdf
Análisis de Artefactos Tecnologicos (3) (1).pdfsharitcalderon04
 
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptxLINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptxkimontey
 
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...Marketing BRANDING
 
Trabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointTrabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointValerioIvanDePazLoja
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1ivanapaterninar
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docxobandopaula444
 
Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)JuanStevenTrujilloCh
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfedepmariaperez
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxtjcesar1
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosAlbanyMartinez7
 

Último (20)

Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
 
Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdf
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdf
 
Actividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolarActividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolar
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 Testcontainers
 
Slideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan GerenciaSlideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan Gerencia
 
Análisis de Artefactos Tecnologicos (3) (1).pdf
Análisis de Artefactos Tecnologicos  (3) (1).pdfAnálisis de Artefactos Tecnologicos  (3) (1).pdf
Análisis de Artefactos Tecnologicos (3) (1).pdf
 
El camino a convertirse en Microsoft MVP
El camino a convertirse en Microsoft MVPEl camino a convertirse en Microsoft MVP
El camino a convertirse en Microsoft MVP
 
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptxLINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
 
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
 
Trabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointTrabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power Point
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
 
Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdf
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos Juridicos
 

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