SlideShare una empresa de Scribd logo
1 de 14
VICTOR MACHUCA
COLEGIO BUCERÍAS
PROF. AZUCENA CERVANTES PONCE
07/MAYO/2015 1 “B”
¿Qué es un código de fuente en
HTML?
• El código fuente de un programa está escrito
por un programador en algún lenguaje de
programación, pero en este primer estado no
es directamente ejecutable por la
computadora, sino que debe ser traducido a
otro lenguaje o código binario; así será más
fácil para la máquina interpretarlo.
¿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ños distintos numerados de 1 a 7 por
orden creciente.
Etiquetas para generar los
encabezados
• A pesar de que por razones de homogeneidad
y sencillez de código este tipo de formatos son
controlados actualmente por hojas de estilo
en cascada (de las cuales ya tendremos
tiempo de hablar), existe una forma clásica y
directa de definir color tamaño y tipo de letra
de un texto determinado.
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.
¿Qué es la etiqueta font face?
• Especifica el tipo y de color de texto.
Coloca un código donde expliques
la etiqueta “FONT FACE”
¿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 de Marquee?
• La etiqueta de marquee es la que nos sirve
para dar un efecto diferente a los textos de
nuestra página web. Gracias a ella podemos
conseguir texto en movimiento. Para aplicar
este efecto a los textos, estos movimietos
deben estar dentro de la etiqueta de
Marquee.
• Entre a su inicio <marquee> y su cierre
</marquee>
Describe la etiqueta de cómo insertar
una imagen
¿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:
Ejemplo
¿Qué tiene que ver la función “ALT”
dentro de la etiqueta de una imagen?
• Se utiliza para mostrar una imagen alternativa
en el caso de que la imagen original no se
pueda ver.
FORMATO APA
• 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
• Wikihow(2015) color de texto. Recuperado el 06 de mayo
http://es.wikihow.com/cambiar-el-color-del- texto-en-HTML

Más contenido relacionado

La actualidad más candente (8)

Animacion de texto diapositiva 8
Animacion de texto diapositiva 8Animacion de texto diapositiva 8
Animacion de texto diapositiva 8
 
the art of readable code
the art of readable codethe art of readable code
the art of readable code
 
Codigos de texto
Codigos de textoCodigos de texto
Codigos de texto
 
Presentaciã³n1
Presentaciã³n1Presentaciã³n1
Presentaciã³n1
 
Algoritmos
AlgoritmosAlgoritmos
Algoritmos
 
Resumen Capitulo 1 - Sebesta
Resumen Capitulo 1 - Sebesta Resumen Capitulo 1 - Sebesta
Resumen Capitulo 1 - Sebesta
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 

Destacado

대신리포트_대신브라우저_150508
대신리포트_대신브라우저_150508대신리포트_대신브라우저_150508
대신리포트_대신브라우저_150508
DaishinSecurities
 
Title for our film opening- Amad
Title for our film opening- AmadTitle for our film opening- Amad
Title for our film opening- Amad
haverstockmedia
 
Escuela preparatoria mante trabajo final
Escuela preparatoria mante trabajo finalEscuela preparatoria mante trabajo final
Escuela preparatoria mante trabajo final
pablo_alanis
 
Tp1 teórico mercado-segmentación-bcg-di2a-2015
Tp1 teórico mercado-segmentación-bcg-di2a-2015Tp1 teórico mercado-segmentación-bcg-di2a-2015
Tp1 teórico mercado-segmentación-bcg-di2a-2015
Martin Fontana
 
Www.dit.ie lttc media_ditlttc_documents_summerschooldocuments_final programme...
Www.dit.ie lttc media_ditlttc_documents_summerschooldocuments_final programme...Www.dit.ie lttc media_ditlttc_documents_summerschooldocuments_final programme...
Www.dit.ie lttc media_ditlttc_documents_summerschooldocuments_final programme...
lepas Yikwa
 
10 pasos para una campaña de rrpp moises.cielak.net
10 pasos para una campaña de rrpp moises.cielak.net10 pasos para una campaña de rrpp moises.cielak.net
10 pasos para una campaña de rrpp moises.cielak.net
Moises Cielak
 
Rileys WW1 weapons presentation.
Rileys WW1 weapons presentation.Rileys WW1 weapons presentation.
Rileys WW1 weapons presentation.
Rileyroo2
 
대신리포트_모닝미팅_150508
대신리포트_모닝미팅_150508대신리포트_모닝미팅_150508
대신리포트_모닝미팅_150508
DaishinSecurities
 
OB Presentation
OB PresentationOB Presentation
OB Presentation
Fahad Shah
 

Destacado (20)

대신리포트_대신브라우저_150508
대신리포트_대신브라우저_150508대신리포트_대신브라우저_150508
대신리포트_대신브라우저_150508
 
(Leçon 185.5.1)
(Leçon 185.5.1)(Leçon 185.5.1)
(Leçon 185.5.1)
 
El banco de santander
El banco de santanderEl banco de santander
El banco de santander
 
weapons
weaponsweapons
weapons
 
Imperial Beach – Neighborhood Report (05.15)
Imperial Beach – Neighborhood Report (05.15)Imperial Beach – Neighborhood Report (05.15)
Imperial Beach – Neighborhood Report (05.15)
 
Dee_Ayee Presentation
Dee_Ayee PresentationDee_Ayee Presentation
Dee_Ayee Presentation
 
Title for our film opening- Amad
Title for our film opening- AmadTitle for our film opening- Amad
Title for our film opening- Amad
 
Escuela preparatoria mante trabajo final
Escuela preparatoria mante trabajo finalEscuela preparatoria mante trabajo final
Escuela preparatoria mante trabajo final
 
A smile is
A smile isA smile is
A smile is
 
Tp1 teórico mercado-segmentación-bcg-di2a-2015
Tp1 teórico mercado-segmentación-bcg-di2a-2015Tp1 teórico mercado-segmentación-bcg-di2a-2015
Tp1 teórico mercado-segmentación-bcg-di2a-2015
 
Www.dit.ie lttc media_ditlttc_documents_summerschooldocuments_final programme...
Www.dit.ie lttc media_ditlttc_documents_summerschooldocuments_final programme...Www.dit.ie lttc media_ditlttc_documents_summerschooldocuments_final programme...
Www.dit.ie lttc media_ditlttc_documents_summerschooldocuments_final programme...
 
Build Palestine Initiative.
Build Palestine Initiative. Build Palestine Initiative.
Build Palestine Initiative.
 
peoriaballet
peoriaballetpeoriaballet
peoriaballet
 
10 pasos para una campaña de rrpp moises.cielak.net
10 pasos para una campaña de rrpp moises.cielak.net10 pasos para una campaña de rrpp moises.cielak.net
10 pasos para una campaña de rrpp moises.cielak.net
 
Rileys WW1 weapons presentation.
Rileys WW1 weapons presentation.Rileys WW1 weapons presentation.
Rileys WW1 weapons presentation.
 
대신리포트_모닝미팅_150508
대신리포트_모닝미팅_150508대신리포트_모닝미팅_150508
대신리포트_모닝미팅_150508
 
Modelo de dick y carey
Modelo de dick y careyModelo de dick y carey
Modelo de dick y carey
 
OB Presentation
OB PresentationOB Presentation
OB Presentation
 
Corporate style
Corporate styleCorporate style
Corporate style
 
Operatoria
Operatoria Operatoria
Operatoria
 

Similar a Victor machuca

Inf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirezInf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirez
Colegio Bucerias
 
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
 
periódico escolar
periódico escolarperiódico escolar
periódico escolar
ruben3097
 
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
 
Diversas características generales
Diversas características generalesDiversas características generales
Diversas características generales
ga12007
 

Similar a Victor machuca (20)

Inf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirezInf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirez
 
Vals}(1)
Vals}(1)Vals}(1)
Vals}(1)
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
 
HTML-Andrea Sofia
HTML-Andrea SofiaHTML-Andrea Sofia
HTML-Andrea Sofia
 
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
 
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...
 
periódico escolar
periódico escolarperiódico escolar
periódico escolar
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafranco
 
Semillero .net
Semillero .netSemillero .net
Semillero .net
 
Silem htmll
Silem htmllSilem htmll
Silem htmll
 
Codigos de html mitzi inf 1
Codigos de html mitzi inf 1Codigos de html mitzi inf 1
Codigos de html mitzi inf 1
 
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
 
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
 
PAGINA HTML
PAGINA HTMLPAGINA HTML
PAGINA HTML
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Manual de html
Manual de htmlManual de html
Manual de html
 
HTML
HTMLHTML
HTML
 
Diversas características generales
Diversas características generalesDiversas características generales
Diversas características generales
 

Último

Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
MiNeyi1
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 

Último (20)

Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSSEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 

Victor machuca

  • 1. VICTOR MACHUCA COLEGIO BUCERÍAS PROF. AZUCENA CERVANTES PONCE 07/MAYO/2015 1 “B”
  • 2. ¿Qué es un código de fuente en HTML? • El código fuente de un programa está escrito por un programador en algún lenguaje de programación, pero en este primer estado no es directamente ejecutable por la computadora, sino que debe ser traducido a otro lenguaje o código binario; así será más fácil para la máquina interpretarlo.
  • 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ños distintos numerados de 1 a 7 por orden creciente.
  • 4. Etiquetas para generar los encabezados • A pesar de que por razones de homogeneidad y sencillez de código este tipo de formatos son controlados actualmente por hojas de estilo en cascada (de las cuales ya tendremos tiempo de hablar), existe una forma clásica y directa de definir color tamaño y tipo de letra de un texto determinado.
  • 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. ¿Qué es la etiqueta font face? • Especifica el tipo y de color de texto.
  • 7. Coloca un código donde expliques la etiqueta “FONT FACE”
  • 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 de Marquee? • La etiqueta de marquee es la que nos sirve para dar un efecto diferente a los textos de nuestra página web. Gracias a ella podemos conseguir texto en movimiento. Para aplicar este efecto a los textos, estos movimietos deben estar dentro de la etiqueta de Marquee. • Entre a su inicio <marquee> y su cierre </marquee>
  • 10. Describe la etiqueta de cómo insertar una imagen
  • 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:
  • 13. ¿Qué tiene que ver la función “ALT” dentro de la etiqueta de una imagen? • Se utiliza para mostrar una imagen alternativa en el caso de que la imagen original no se pueda ver.
  • 14. FORMATO APA • 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 • Wikihow(2015) color de texto. Recuperado el 06 de mayo http://es.wikihow.com/cambiar-el-color-del- texto-en-HTML