SlideShare una empresa de Scribd logo
1 de 14
EXC 2
COLEGIO
BUCERIAS
07/05/2015
ING. AZUCENA
CERVANTES
DANNA
GONZALEZ
DELGADO
1A
¿QUÉ ES UNA
FUENTE EN
CÓDIGO HTML?
El código fuente de un programa
informático es un conjunto de líneas de
texto que son las instrucciones que debe
seguir la computadora para ejecutar dicho
programa.
El término código fuente también se usa para hacer referencia al código fuente de otros
elementos del software, como por ejemplo el código fuente de una página web que está
escrito en lenguaje de marcado HTML o en JavaScript, u otros lenguajes de programación
web.
¿CUÁLES SON LAS
ETIQUETAS PARA
MANIPULAR EL TAMAÑO DE
LA LETRA?Define el tamaño de la letra. Este tamaño puede ser absoluto o relativo. Si hablamos
en términos absolutos, existen 7 niveles de tamaño distintos numerados de 1 a 7 por
orden creciente. Elegiremos por tanto un valor size="1" para la letra más pequeña o
size="7" para la más grande.
Ejemplo:
<font size=4>Este texto es más grande</font>
DESCRIBE LAS ETIQUETAS
PARA GENERAR:
ENCABEZADOSHTML acepta seis encabezados para definir la estructura jerárquica de los párrafos
en un documento:
Encabezados:
1.h1: encabezado de primer nivel
2.h2: encabezado de segundo
nivel
3.h3: encabezado de tercer nivel
4.h4: encabezado de cuarto nivel
5.h5: encabezado de quinto nivel
6.h6: encabezado de sexto nivel
Utilización de los encabezados:
La etiqueta de mayor valor es la cabecera h1, esta debe contener la frase
principal de la que trata la entrada.
La cabecera h2 se utiliza para definir una frase secundaria dentro de nuestro
artículo conteniendo las palabras clave.
La cabecera h3 es de menor valor que la etiqueta h2, esta sirve para definir las
secciones interiores de nuestro artículo.
Las cabeceras h4, h5, h6 son las menos utilizadas, y de las que se desconoce
más sobre su utilización.
¿QUE ES LA ETIQUETA FONT
FACE?
COLOCA UN CODIGO DONDE
EXPLIQUES LA ETIQUETA
FONT FACE
<FONT FACE="tipo de letra">
Texto</FONT>
Para establecer el tipo de letra hay que incluir dentro de la etiqueta de apertura:
FACE="tipo de letra“
Ejemplo:
<FONT FACE="Arial">Texto en arial</FONT>
¿CÓMO SE PUEDE
MANIPULAR EL COLOR DE LA
FUENTE?
1. Selecciona un color para la fuente.
2.Añade la etiqueta del color al código HTML. Con la etiqueta
<font> puedes hacerlo.
3. Examina las partes de la etiqueta.
4. Usa los nombres de los colores en vez de los códigos
hexadecimales.
¿CUÁL ES LA ETIQUETA
MARQUEE?
La etiqueta marquee es la que 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>".
DESCRIBE LA ETIQUETA DE
COMO INSERTAR UNA
IMAGEN
A continuación se muestra la definición de la etiqueta <img>, utilizada para incluir
las imágenes en las páginas HTML:
¿CÓMO PUEDES MANIPULAR
EL 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. A estos atributos les tendremos
que dar unos valores numéricos que indiquen el valor en pixels que queremos reflejar.
Así, si queremos poner la imagen a 100x100 pixels, la línea de código quedaría de la siguiente forma:
<IMG src="mifoto.jpg" width="100" height="100"/>
¿QUÉ TIENE QUE VER LA
FUNCIÓN ALT DENTRO DE LA
ETIQUETA DE UNA IMAGEN?
(EJEMPLO)Se utiliza para mostrar una imagen alternativa en el caso de que la imagen original
no se pueda ver.
<img src=”smiley.gif” alt=”Smiley face”>
FORMATO APA
Wikipedia(2015) código fuente.
Recuperado el 06 de mayo de:
https://es.wikipedia.org/wiki/C%C3%B3digo_fuente
Desarrollo web(2015) tamaño de letra.
Recuperado el 06 de mayo de:
http://www.desarrolloweb.com/articulos/556.php
Wikipedia(2015) etiquetas de html.
Recuperado el 06 de mayo de:
http://es.wikipedia.org/wiki/Anexo:Etiquetas_de_HTML
Sites google(2015) font face.
Recuperado el 06 de mayo de:
https://sites.google.com/site/dwebhtml/reference/tags/font
FORMATO APA
Wikihow(2015) color de texto.
Recuperado el 06 de mayo de: http://es.wikihow.com/cambiar-el-color-del-
texto-en-HTML
Hazunaweb(2015)manipular color de fuente.
Recuperado el 06 de mayo de: http://html.hazunaweb.com/116.php
Librosweb(2015) insertar imagen (img).
Recuperado el 06 de mayo de:
http://librosweb.es/libro/xhtml/capitulo_6.html
Línea de código(2015) alto y ancho de imagen.
Recuperado el 06 de mayo de: http://lineadecodigo.com/html/alto-y-ancho-
de-una-imagen-con-html/

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Producto 4 FR
Producto 4 FRProducto 4 FR
Producto 4 FR
 
Html – básico 1
Html – básico 1Html – básico 1
Html – básico 1
 
HTML-Andrea Sofia
HTML-Andrea SofiaHTML-Andrea Sofia
HTML-Andrea Sofia
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Victor machuca
Victor machucaVictor machuca
Victor machuca
 
Texto enrriquecido HTML
Texto enrriquecido HTMLTexto enrriquecido HTML
Texto enrriquecido HTML
 
Clase 1
Clase 1Clase 1
Clase 1
 
Inf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirezInf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirez
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafranco
 
Html basico
Html basicoHtml basico
Html basico
 
Guia html
Guia htmlGuia html
Guia html
 
3 johan
3 johan3 johan
3 johan
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafranco
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
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
 
Instituto tecnologico del no1 meery
Instituto tecnologico del no1 meeryInstituto tecnologico del no1 meery
Instituto tecnologico del no1 meery
 

Destacado

Tecnologia Japonesa
Tecnologia JaponesaTecnologia Japonesa
Tecnologia Japonesajoxemi
 
Excelenciadistancia ka yazipn
Excelenciadistancia ka yazipnExcelenciadistancia ka yazipn
Excelenciadistancia ka yazipnkayaz7
 
Teaching and LEarning in Lothian Schools
Teaching and LEarning in Lothian SchoolsTeaching and LEarning in Lothian Schools
Teaching and LEarning in Lothian SchoolsIne Purwanti
 
Reduced capacity smart charger for electric vehicles on single-phase three-wi...
Reduced capacity smart charger for electric vehicles on single-phase three-wi...Reduced capacity smart charger for electric vehicles on single-phase three-wi...
Reduced capacity smart charger for electric vehicles on single-phase three-wi...LeMeniz Infotech
 
Land Art-20th Primary School of Ilion, Greece- eTwinning 2015-16
Land Art-20th  Primary School of Ilion, Greece- eTwinning 2015-16Land Art-20th  Primary School of Ilion, Greece- eTwinning 2015-16
Land Art-20th Primary School of Ilion, Greece- eTwinning 2015-16Theodora Chandrinou
 
Sx guillain-barre
Sx guillain-barreSx guillain-barre
Sx guillain-barreUNAM
 
Ux writing, tajniki i techniki
Ux writing, tajniki i technikiUx writing, tajniki i techniki
Ux writing, tajniki i technikiWojtek Aleksander
 
Kohlberg's Theory on Moral Development
Kohlberg's Theory on Moral DevelopmentKohlberg's Theory on Moral Development
Kohlberg's Theory on Moral DevelopmentMark Leo Hapitan
 
June2007
June2007June2007
June2007sdrosos
 

Destacado (19)

Tecnologia Japonesa
Tecnologia JaponesaTecnologia Japonesa
Tecnologia Japonesa
 
Animation wk2
Animation  wk2Animation  wk2
Animation wk2
 
Adolescencia
AdolescenciaAdolescencia
Adolescencia
 
Cuento Especial
Cuento EspecialCuento Especial
Cuento Especial
 
Beneficio de la mercadotecnia
Beneficio de la mercadotecniaBeneficio de la mercadotecnia
Beneficio de la mercadotecnia
 
Excelenciadistancia ka yazipn
Excelenciadistancia ka yazipnExcelenciadistancia ka yazipn
Excelenciadistancia ka yazipn
 
Teaching and LEarning in Lothian Schools
Teaching and LEarning in Lothian SchoolsTeaching and LEarning in Lothian Schools
Teaching and LEarning in Lothian Schools
 
Integradora política perez camarda 10
Integradora política perez camarda 10Integradora política perez camarda 10
Integradora política perez camarda 10
 
Reduced capacity smart charger for electric vehicles on single-phase three-wi...
Reduced capacity smart charger for electric vehicles on single-phase three-wi...Reduced capacity smart charger for electric vehicles on single-phase three-wi...
Reduced capacity smart charger for electric vehicles on single-phase three-wi...
 
Trabajo grupo de luciana rey
Trabajo grupo de luciana reyTrabajo grupo de luciana rey
Trabajo grupo de luciana rey
 
Land Art-20th Primary School of Ilion, Greece- eTwinning 2015-16
Land Art-20th  Primary School of Ilion, Greece- eTwinning 2015-16Land Art-20th  Primary School of Ilion, Greece- eTwinning 2015-16
Land Art-20th Primary School of Ilion, Greece- eTwinning 2015-16
 
COCREA
COCREACOCREA
COCREA
 
Sx guillain-barre
Sx guillain-barreSx guillain-barre
Sx guillain-barre
 
Ux writing, tajniki i techniki
Ux writing, tajniki i technikiUx writing, tajniki i techniki
Ux writing, tajniki i techniki
 
Mon quartier
Mon quartierMon quartier
Mon quartier
 
Kohlberg's Theory on Moral Development
Kohlberg's Theory on Moral DevelopmentKohlberg's Theory on Moral Development
Kohlberg's Theory on Moral Development
 
Yolanda
YolandaYolanda
Yolanda
 
Refleja. La Ira.
Refleja. La Ira.Refleja. La Ira.
Refleja. La Ira.
 
June2007
June2007June2007
June2007
 

Similar a Inf2 p1 a_exc2_danna (20)

Html- Andrea Sofia
Html- Andrea SofiaHtml- Andrea Sofia
Html- Andrea Sofia
 
HInf2 exc12 p1_a_unidad 3_html_jessica
HInf2 exc12 p1_a_unidad 3_html_jessicaHInf2 exc12 p1_a_unidad 3_html_jessica
HInf2 exc12 p1_a_unidad 3_html_jessica
 
HTML
HTMLHTML
HTML
 
Conceptos Etiquetas de HTML
Conceptos Etiquetas de HTMLConceptos Etiquetas de HTML
Conceptos Etiquetas de HTML
 
Inf2 exc12 p1_a_unidad 3_html_josue rodriguez
Inf2 exc12 p1_a_unidad 3_html_josue rodriguezInf2 exc12 p1_a_unidad 3_html_josue rodriguez
Inf2 exc12 p1_a_unidad 3_html_josue rodriguez
 
html
htmlhtml
html
 
Consulta
ConsultaConsulta
Consulta
 
Consulta_
Consulta_Consulta_
Consulta_
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Codigos de html mitzi inf 1
Codigos de html mitzi inf 1Codigos de html mitzi inf 1
Codigos de html mitzi inf 1
 
Vals}(1)
Vals}(1)Vals}(1)
Vals}(1)
 
html y css
html y csshtml y css
html y css
 
Guia de html 3 y 4 periodo
Guia de html 3 y 4  periodoGuia de html 3 y 4  periodo
Guia de html 3 y 4 periodo
 
Curso html
Curso   htmlCurso   html
Curso html
 
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
 
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
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Presentación HTML
Presentación HTML Presentación HTML
Presentación HTML
 

Último

International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 

Último (10)

International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 

Inf2 p1 a_exc2_danna

  • 2. ¿QUÉ ES UNA FUENTE EN CÓDIGO HTML? El código fuente de un programa informático es un conjunto de líneas de texto que son las instrucciones que debe seguir la computadora para ejecutar dicho programa. El término código fuente también se usa para hacer referencia al código fuente de otros elementos del software, como por ejemplo el código fuente de una página web que está escrito en lenguaje de marcado HTML o en JavaScript, u otros lenguajes de programación web.
  • 3. ¿CUÁLES SON LAS ETIQUETAS PARA MANIPULAR EL TAMAÑO DE LA LETRA?Define el tamaño de la letra. Este tamaño puede ser absoluto o relativo. Si hablamos en términos absolutos, existen 7 niveles de tamaño distintos numerados de 1 a 7 por orden creciente. Elegiremos por tanto un valor size="1" para la letra más pequeña o size="7" para la más grande. Ejemplo: <font size=4>Este texto es más grande</font>
  • 4. DESCRIBE LAS ETIQUETAS PARA GENERAR: ENCABEZADOSHTML acepta seis encabezados para definir la estructura jerárquica de los párrafos en un documento: Encabezados: 1.h1: encabezado de primer nivel 2.h2: encabezado de segundo nivel 3.h3: encabezado de tercer nivel 4.h4: encabezado de cuarto nivel 5.h5: encabezado de quinto nivel 6.h6: encabezado de sexto nivel
  • 5. Utilización de los encabezados: La etiqueta de mayor valor es la cabecera h1, esta debe contener la frase principal de la que trata la entrada. La cabecera h2 se utiliza para definir una frase secundaria dentro de nuestro artículo conteniendo las palabras clave. La cabecera h3 es de menor valor que la etiqueta h2, esta sirve para definir las secciones interiores de nuestro artículo. Las cabeceras h4, h5, h6 son las menos utilizadas, y de las que se desconoce más sobre su utilización.
  • 6. ¿QUE ES LA ETIQUETA FONT FACE?
  • 7. COLOCA UN CODIGO DONDE EXPLIQUES LA ETIQUETA FONT FACE <FONT FACE="tipo de letra"> Texto</FONT> Para establecer el tipo de letra hay que incluir dentro de la etiqueta de apertura: FACE="tipo de letra“ Ejemplo: <FONT FACE="Arial">Texto en arial</FONT>
  • 8. ¿CÓMO SE PUEDE MANIPULAR EL COLOR DE LA FUENTE? 1. Selecciona un color para la fuente. 2.Añade la etiqueta del color al código HTML. Con la etiqueta <font> puedes hacerlo. 3. Examina las partes de la etiqueta. 4. Usa los nombres de los colores en vez de los códigos hexadecimales.
  • 9. ¿CUÁL ES LA ETIQUETA MARQUEE? La etiqueta marquee es la que 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>".
  • 10. DESCRIBE LA ETIQUETA DE COMO INSERTAR UNA IMAGEN A continuación se muestra la definición de la etiqueta <img>, utilizada para incluir las imágenes en las páginas HTML:
  • 11. ¿CÓMO PUEDES MANIPULAR EL 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. A estos atributos les tendremos que dar unos valores numéricos que indiquen el valor en pixels que queremos reflejar. Así, si queremos poner la imagen a 100x100 pixels, la línea de código quedaría de la siguiente forma: <IMG src="mifoto.jpg" width="100" height="100"/>
  • 12. ¿QUÉ TIENE QUE VER LA FUNCIÓN ALT DENTRO DE LA ETIQUETA DE UNA IMAGEN? (EJEMPLO)Se utiliza para mostrar una imagen alternativa en el caso de que la imagen original no se pueda ver. <img src=”smiley.gif” alt=”Smiley face”>
  • 13. FORMATO APA Wikipedia(2015) código fuente. Recuperado el 06 de mayo de: https://es.wikipedia.org/wiki/C%C3%B3digo_fuente Desarrollo web(2015) tamaño de letra. Recuperado el 06 de mayo de: http://www.desarrolloweb.com/articulos/556.php Wikipedia(2015) etiquetas de html. Recuperado el 06 de mayo de: http://es.wikipedia.org/wiki/Anexo:Etiquetas_de_HTML Sites google(2015) font face. Recuperado el 06 de mayo de: https://sites.google.com/site/dwebhtml/reference/tags/font
  • 14. FORMATO APA Wikihow(2015) color de texto. Recuperado el 06 de mayo de: http://es.wikihow.com/cambiar-el-color-del- texto-en-HTML Hazunaweb(2015)manipular color de fuente. Recuperado el 06 de mayo de: http://html.hazunaweb.com/116.php Librosweb(2015) insertar imagen (img). Recuperado el 06 de mayo de: http://librosweb.es/libro/xhtml/capitulo_6.html Línea de código(2015) alto y ancho de imagen. Recuperado el 06 de mayo de: http://lineadecodigo.com/html/alto-y-ancho- de-una-imagen-con-html/