SlideShare una empresa de Scribd logo
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 ganem
Mac 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
GabrielaLozano27
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
Anchelho Shanghashy
 
HTML
HTMLHTML
HTML
Daritrox
 
Mapa conceptual powerpoint
Mapa conceptual powerpointMapa conceptual powerpoint
Mapa conceptual powerpoint
Alberto Eduardo Avila Hernandez
 
Victor machuca
Victor machucaVictor machuca
Victor machuca
Victor Machuca
 
HTML-Andrea Sofia
HTML-Andrea SofiaHTML-Andrea Sofia
HTML-Andrea Sofia
Andrea_Sofia
 
Compu
CompuCompu
Mapa conceptual de power point
Mapa conceptual de power pointMapa conceptual de power point
Mapa conceptual de power point
Alberto Eduardo Avila Hernandez
 
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
 
Anggy Martinez mapa
Anggy Martinez mapaAnggy Martinez mapa
Anggy Martinez mapa
Lisandro Grande
 
Falta informatica
 Falta informatica Falta informatica
Falta informatica
KarenRostand
 
Diversas características generales
Diversas características generalesDiversas características generales
Diversas características generales
ga12007
 
Mapa conceptual genny hernandez
Mapa conceptual genny hernandezMapa conceptual genny hernandez
Mapa conceptual genny hernandez
Fernanda Useche
 
El ambiente del power point 2
El ambiente del power point 2El ambiente del power point 2
El ambiente del power point 2
Roger 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 point
Maria 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 blog
alexgjv
 
Power point
Power pointPower point
Power point
Dayanara Ocampo
 

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

Portafolio nubia.
Portafolio nubia.Portafolio nubia.
Portafolio nubia.
puerto-triunfo
 
BMW_Motorrad_F700GS_F800GS_DE.pdf
BMW_Motorrad_F700GS_F800GS_DE.pdfBMW_Motorrad_F700GS_F800GS_DE.pdf
BMW_Motorrad_F700GS_F800GS_DE.pdf
unn | UNITED NEWS NETWORK GmbH
 
Higiene y seguridad industrial
Higiene y seguridad industrialHigiene y seguridad industrial
Higiene y seguridad industrial
OSCARLRV
 
MICROBLOGS TWITTER EN LA ADMINISTRACION
MICROBLOGS TWITTER EN LA ADMINISTRACIONMICROBLOGS TWITTER EN LA ADMINISTRACION
MICROBLOGS TWITTER EN LA ADMINISTRACION
pierangelaZ
 
studie-oeffentlicherdienst-2009.pdf
studie-oeffentlicherdienst-2009.pdfstudie-oeffentlicherdienst-2009.pdf
studie-oeffentlicherdienst-2009.pdf
unn | UNITED NEWS NETWORK GmbH
 
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
unn | UNITED NEWS NETWORK GmbH
 
El agua
El aguaEl agua
César Quevedo , Edisson Tapia
César Quevedo , Edisson TapiaCésar Quevedo , Edisson Tapia
César Quevedo , Edisson Tapia
César Quevedo
 
Pressemitteilung Unimog Budapest.pdf
Pressemitteilung Unimog Budapest.pdfPressemitteilung Unimog Budapest.pdf
Pressemitteilung Unimog Budapest.pdf
unn | UNITED NEWS NETWORK GmbH
 
Ü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
unn | UNITED NEWS NETWORK GmbH
 
PIFörderjahr.pdf
PIFörderjahr.pdfPIFörderjahr.pdf
Presentación
PresentaciónPresentación
Presentación
macaslyp
 
Actividad 4
Actividad  4Actividad  4
Actividad 4
ebfer
 
Todos iguales, todos diferentes
Todos iguales, todos diferentesTodos iguales, todos diferentes
Todos iguales, todos diferentes
Pilar Rosado Gutiérrez
 
Internet
InternetInternet
Ingeniería mecánica
Ingeniería mecánicaIngeniería mecánica
Ingeniería mecánica
Jonathan Palacios
 
Recursos Remotos
Recursos RemotosRecursos Remotos
Recursos Remotos
toshiroyukio
 
Portafolio. unidad 3
Portafolio. unidad 3Portafolio. unidad 3
Portafolio. unidad 3
Yaneth Durán Jiménez
 
Wirtschaftsplanung 2013_2.pdf
Wirtschaftsplanung 2013_2.pdfWirtschaftsplanung 2013_2.pdf
Wirtschaftsplanung 2013_2.pdf
unn | UNITED NEWS NETWORK GmbH
 

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

Codigos de html mitzi inf 1
Codigos de html mitzi inf 1Codigos de html mitzi inf 1
Codigos de html mitzi inf 1
Mitzi Melina Garcia Hernandez
 
Html- Andrea Sofia
Html- Andrea SofiaHtml- Andrea Sofia
Html- Andrea Sofia
Andrea_Sofia
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafranco
Mayra Franco
 
Manual html
Manual htmlManual html
Manual html
Angel Arias Camacho
 
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
yanburbano
 
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 web
Alvaroav
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
Esli Chavez R
 
Etiquetas basicas producto 10
Etiquetas basicas producto 10Etiquetas basicas producto 10
Etiquetas basicas producto 10
marinonema2
 
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 .net
druckern
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
KarolCortes7
 
Universidad tecnica tarea 4
Universidad tecnica tarea 4Universidad tecnica tarea 4
Universidad tecnica tarea 4
lilibethmirand
 
Universidad tecnica tarea 4
Universidad tecnica tarea 4Universidad tecnica tarea 4
Universidad tecnica tarea 4
lilibethmirand
 
Tutorial ejercicio 1
Tutorial ejercicio 1Tutorial ejercicio 1
Tutorial ejercicio 1
Kelly Johanna Santos
 
Modulo paginas
Modulo paginasModulo paginas
Modulo paginas
María C. Plata
 
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 html
Salomon Aquino
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
Abdel Suarez
 
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
albafa1995
 

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

"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
241578066
 
400816850-Mantenimiento-de-Equipos-de-Espesamiento-pdf.pdf
400816850-Mantenimiento-de-Equipos-de-Espesamiento-pdf.pdf400816850-Mantenimiento-de-Equipos-de-Espesamiento-pdf.pdf
400816850-Mantenimiento-de-Equipos-de-Espesamiento-pdf.pdf
Rubén Cortes Zavala
 
UiPath Community Data Service presentation
UiPath Community Data Service presentationUiPath Community Data Service presentation
UiPath Community Data Service presentation
DianaGray10
 
DE LO HUMANO Y LO COMUNITARIO PROYECTO INTEGRADOR (2).docx
DE LO HUMANO Y LO COMUNITARIO PROYECTO INTEGRADOR (2).docxDE LO HUMANO Y LO COMUNITARIO PROYECTO INTEGRADOR (2).docx
DE LO HUMANO Y LO COMUNITARIO PROYECTO INTEGRADOR (2).docx
lourdesuribe6
 
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptxDiapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
GnesisOrtegaDeLen
 
¿Cómo funciona el seguimiento por GPS y cómo puede ayudar al transporte y la ...
¿Cómo funciona el seguimiento por GPS y cómo puede ayudar al transporte y la ...¿Cómo funciona el seguimiento por GPS y cómo puede ayudar al transporte y la ...
¿Cómo funciona el seguimiento por GPS y cómo puede ayudar al transporte y la ...
Navsat
 
Informe_mc_bombas_Warman_001-WEIR vulco.pdf
Informe_mc_bombas_Warman_001-WEIR vulco.pdfInforme_mc_bombas_Warman_001-WEIR vulco.pdf
Informe_mc_bombas_Warman_001-WEIR vulco.pdf
Rubén Cortes Zavala
 
Índice del libro "Metaverso y mundos virtuales: Tecnologías, Retos y Oportuni...
Índice del libro "Metaverso y mundos virtuales: Tecnologías, Retos y Oportuni...Índice del libro "Metaverso y mundos virtuales: Tecnologías, Retos y Oportuni...
Índice del libro "Metaverso y mundos virtuales: Tecnologías, Retos y Oportuni...
Telefónica
 
bomba-koomey -Todo sobre sus istema y conexiones
bomba-koomey -Todo sobre sus istema y conexionesbomba-koomey -Todo sobre sus istema y conexiones
bomba-koomey -Todo sobre sus istema y conexiones
JessAdrinGonzlezCade
 
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docxSEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
Eddy Nathaly Jaimes Villamizar
 
Evolución, características, aplicación, ventajas y desventajas de las TIC
Evolución, características, aplicación, ventajas y desventajas de las TICEvolución, características, aplicación, ventajas y desventajas de las TIC
Evolución, características, aplicación, ventajas y desventajas de las TIC
Henry W. Zavala
 
11. Legislación Aplicada a la Informática.pdf
11. Legislación Aplicada a la Informática.pdf11. Legislación Aplicada a la Informática.pdf
11. Legislación Aplicada a la Informática.pdf
PanchoChangue
 
Generaciones de Computadoras .
Generaciones de Computadoras                 .Generaciones de Computadoras                 .
Generaciones de Computadoras .
gregory760891
 
Conceptos y definiciones de Antenas y propagación
Conceptos y definiciones de Antenas y propagaciónConceptos y definiciones de Antenas y propagación
Conceptos y definiciones de Antenas y propagación
edgarcalle8
 
_Manejo de Riesgos en el Laboratorio.pdf
_Manejo de Riesgos en el Laboratorio.pdf_Manejo de Riesgos en el Laboratorio.pdf
_Manejo de Riesgos en el Laboratorio.pdf
correodetareas
 
PROTOCOLO DE NANOPOROS Kit de códigos de barras 16S (SQK-RAB204)
PROTOCOLO DE NANOPOROS Kit de códigos de barras 16S (SQK-RAB204)PROTOCOLO DE NANOPOROS Kit de códigos de barras 16S (SQK-RAB204)
PROTOCOLO DE NANOPOROS Kit de códigos de barras 16S (SQK-RAB204)
ADELAIDA90
 

Último (16)

"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
 
400816850-Mantenimiento-de-Equipos-de-Espesamiento-pdf.pdf
400816850-Mantenimiento-de-Equipos-de-Espesamiento-pdf.pdf400816850-Mantenimiento-de-Equipos-de-Espesamiento-pdf.pdf
400816850-Mantenimiento-de-Equipos-de-Espesamiento-pdf.pdf
 
UiPath Community Data Service presentation
UiPath Community Data Service presentationUiPath Community Data Service presentation
UiPath Community Data Service presentation
 
DE LO HUMANO Y LO COMUNITARIO PROYECTO INTEGRADOR (2).docx
DE LO HUMANO Y LO COMUNITARIO PROYECTO INTEGRADOR (2).docxDE LO HUMANO Y LO COMUNITARIO PROYECTO INTEGRADOR (2).docx
DE LO HUMANO Y LO COMUNITARIO PROYECTO INTEGRADOR (2).docx
 
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptxDiapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
 
¿Cómo funciona el seguimiento por GPS y cómo puede ayudar al transporte y la ...
¿Cómo funciona el seguimiento por GPS y cómo puede ayudar al transporte y la ...¿Cómo funciona el seguimiento por GPS y cómo puede ayudar al transporte y la ...
¿Cómo funciona el seguimiento por GPS y cómo puede ayudar al transporte y la ...
 
Informe_mc_bombas_Warman_001-WEIR vulco.pdf
Informe_mc_bombas_Warman_001-WEIR vulco.pdfInforme_mc_bombas_Warman_001-WEIR vulco.pdf
Informe_mc_bombas_Warman_001-WEIR vulco.pdf
 
Índice del libro "Metaverso y mundos virtuales: Tecnologías, Retos y Oportuni...
Índice del libro "Metaverso y mundos virtuales: Tecnologías, Retos y Oportuni...Índice del libro "Metaverso y mundos virtuales: Tecnologías, Retos y Oportuni...
Índice del libro "Metaverso y mundos virtuales: Tecnologías, Retos y Oportuni...
 
bomba-koomey -Todo sobre sus istema y conexiones
bomba-koomey -Todo sobre sus istema y conexionesbomba-koomey -Todo sobre sus istema y conexiones
bomba-koomey -Todo sobre sus istema y conexiones
 
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docxSEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
 
Evolución, características, aplicación, ventajas y desventajas de las TIC
Evolución, características, aplicación, ventajas y desventajas de las TICEvolución, características, aplicación, ventajas y desventajas de las TIC
Evolución, características, aplicación, ventajas y desventajas de las TIC
 
11. Legislación Aplicada a la Informática.pdf
11. Legislación Aplicada a la Informática.pdf11. Legislación Aplicada a la Informática.pdf
11. Legislación Aplicada a la Informática.pdf
 
Generaciones de Computadoras .
Generaciones de Computadoras                 .Generaciones de Computadoras                 .
Generaciones de Computadoras .
 
Conceptos y definiciones de Antenas y propagación
Conceptos y definiciones de Antenas y propagaciónConceptos y definiciones de Antenas y propagación
Conceptos y definiciones de Antenas y propagación
 
_Manejo de Riesgos en el Laboratorio.pdf
_Manejo de Riesgos en el Laboratorio.pdf_Manejo de Riesgos en el Laboratorio.pdf
_Manejo de Riesgos en el Laboratorio.pdf
 
PROTOCOLO DE NANOPOROS Kit de códigos de barras 16S (SQK-RAB204)
PROTOCOLO DE NANOPOROS Kit de códigos de barras 16S (SQK-RAB204)PROTOCOLO DE NANOPOROS Kit de códigos de barras 16S (SQK-RAB204)
PROTOCOLO DE NANOPOROS Kit de códigos de barras 16S (SQK-RAB204)
 

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