SlideShare una empresa de Scribd logo
1 de 9
¿Qué es una fuente en código HTML?
¿Qué es una fuente en código
HTML?
 La marca FONT se emplea para formatear el tipo y
tamaño del texto en algunos puntos del documento
específicos. En realidad, si la marca FONT abriera y
cerrara el documento, todo el texto comprendido dentro
quedaría formateado tal y como estuviera indicado. Sin
embargo, conceptualmente la marca FONT ha sido
concebida para definir partes limitadas de texto. Por otro
lado, mientras TEXT determina tan sólo en color del texto,
la marca FONT puede definir el tipo utilizado, así como su
tamaño y color.
Aquí tienes la sintaxis correcta de la marca:
<FONT FACE="arial" SIZE=5 COLOR=red>Tipo para
formatear</FONT>
El atributo FACE="arial" indica el tipo que se visualizará
¿Cuáles son las etiquetas para
manipular el tamaño de la letra?
La etiqueta <FONT> (descontinuado en HTML 4.0)
se utiliza para controlar las características de una
cadena de caracteres dada, no cubiertas por los
estilos de carácter.
Utilice el atributo SIZE para indicar el tamaño
como aparecerán las letras. Los valores son del 1
al 7, en donde el 3 es el predeterminado.
¿Qué es la etiqueta font face?
 La etiqueta <font> está desaprobada.
Esta etiqueta especifica el tamaño, color y tipo de
fuente para un texto.
¿Cómo se puede manipular el color
de la fuente?
 <FONT COLOR=texto color ó rrvvaa> : Color
de la fuente
¿Cuál es la etiqueta de marquee?
 La etiqueta <MARQUEE> </MARQUEE> crea
una marquesina cuyo contenido se desplaza. Por
defecto, ocupa todo el ancho de la pantalla, tiene
una línea de altura y el texto se mueve
lentamente de derecha a izquierda.
¿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"/>
“ALT”
 Entre comillas podremos escribir un texto que se
mostrará si la imagen no llega a cargar, mientras
se carga o, cuando visualizando ya la imagen,
pasamos el ratón por encima.
APA
 HTMLPOINT.COM (2015) codigo HTML
Recuperado:07/mayo/2015
De:http://www.htmlpoint.com/guida/html_06.htm
 Paginashtml (2015) etiquetas para texto
Recuperado:07/mayo/2015
De:http://paginashtml.tripod.com/id7.html
 Vitualnata (20159 Font Face
Recuperado: 07/mayo/2015
De:http://www.virtualnauta.com/html-etiqueta-font
 UCA (2015) Font Color
Recuperado: 07/mayo/2015
De:http://www2.uca.es/serv/sc/manual-html/font.htm
 Vagabundia (2015) marquee
Recuperado:07/marzo/2015
De:http://vagabundia.blogspot.com/2007/03/desplazamientos-de-textos-marquee.html
 Linea de codigo (2015) imagen
Recuperado:07/mayo/2015
De. http://lineadecodigo.com/html/alto-y-ancho-de-una-imagen-con-html/
 Aprenderaprogramar (2015) alt
 Recuperaod: 07/mayo/2015
 De:http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=484:etiquetas-html-
basicas-imagenes-img-src-alt-width-height-deprecated-border-align-rutas-cu00714b&catid=69:tutorial-basico-
programador-web-html-desde-cero&Itemid=192

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Tema 02 trabajando con texto en html
Tema 02 trabajando con texto en htmlTema 02 trabajando con texto en html
Tema 02 trabajando con texto en html
 
3 johan
3 johan3 johan
3 johan
 
ETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADASETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADAS
 
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 )
 
Producto 4 FR
Producto 4 FRProducto 4 FR
Producto 4 FR
 
g5rg5tr
g5rg5trg5rg5tr
g5rg5tr
 
Silem htmll
Silem htmllSilem htmll
Silem htmll
 
Lineas separadoras etiquetas hr comentarios html atributos noshade
Lineas separadoras etiquetas hr comentarios html atributos noshadeLineas separadoras etiquetas hr comentarios html atributos noshade
Lineas separadoras etiquetas hr comentarios html atributos noshade
 
Gtgtgeg
GtgtgegGtgtgeg
Gtgtgeg
 
Presentacion de etiquetas
Presentacion de etiquetasPresentacion de etiquetas
Presentacion de etiquetas
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
html
htmlhtml
html
 
Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
 
Armado de una pieza de HTML
Armado de una pieza de HTMLArmado de una pieza de HTML
Armado de una pieza de HTML
 
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...
 
Atributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEAtributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLE
 
Html
HtmlHtml
Html
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
Manual de html
Manual de htmlManual de html
Manual de html
 

Similar a Exc12 unidad 3 html_mayrafranco

Similar a Exc12 unidad 3 html_mayrafranco (20)

Inf2 p1 a_exc2_danna
Inf2 p1 a_exc2_dannaInf2 p1 a_exc2_danna
Inf2 p1 a_exc2_danna
 
Inf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_dannaInf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_danna
 
HTML
HTMLHTML
HTML
 
Inf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarezInf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarez
 
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
 
Info p1 b_exce11_andrea salgado
Info p1 b_exce11_andrea salgadoInfo p1 b_exce11_andrea salgado
Info p1 b_exce11_andrea salgado
 
Manual html basico GUTIECUADOR
Manual html basico GUTIECUADORManual html basico GUTIECUADOR
Manual html basico GUTIECUADOR
 
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
 
Exc2 inf a-alonsodueñas
Exc2 inf a-alonsodueñasExc2 inf a-alonsodueñas
Exc2 inf a-alonsodueñas
 
Producto 4 jorge robles y miguel a.
Producto 4 jorge robles y miguel a.Producto 4 jorge robles y miguel a.
Producto 4 jorge robles y miguel a.
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Html – básico 1
Html – básico 1Html – básico 1
Html – básico 1
 
Victor machuca
Victor machucaVictor machuca
Victor machuca
 
Texto enrriquecido HTML
Texto enrriquecido HTMLTexto enrriquecido HTML
Texto enrriquecido HTML
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
 
Conceptos Etiquetas de HTML
Conceptos Etiquetas de HTMLConceptos Etiquetas de HTML
Conceptos Etiquetas de HTML
 
HTML-Andrea Sofia
HTML-Andrea SofiaHTML-Andrea Sofia
HTML-Andrea Sofia
 
Html- Andrea Sofia
Html- Andrea SofiaHtml- Andrea Sofia
Html- Andrea Sofia
 

Último

ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxlizeth753950
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmolivayasser2
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfDreydyAvila
 
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxPA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxJOELORELLANA15
 
presentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptpresentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptDerekLiberatoMartine
 
la configuyracion del territorio peruano
la configuyracion del territorio peruanola configuyracion del territorio peruano
la configuyracion del territorio peruanoEFRAINSALAZARLOYOLA1
 
Concepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasConcepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasAnkara2
 
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxCERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxMaikelPereira1
 
Europa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxEuropa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxismaelchandi2010
 
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxSEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxLisetteChuquisea
 
BIOGRAFIA MARIANO MELGAR presentacion en power point
BIOGRAFIA MARIANO MELGAR  presentacion en power pointBIOGRAFIA MARIANO MELGAR  presentacion en power point
BIOGRAFIA MARIANO MELGAR presentacion en power pointyupanquihuisahilario
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Secssuser50da781
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaEmmanuel Toloza
 
Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolLuis José Ferreira Calvo
 
LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxJheissonAriasSalazar
 
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptxjezuz1231
 

Último (16)

ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxm
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
 
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxPA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
 
presentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptpresentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).ppt
 
la configuyracion del territorio peruano
la configuyracion del territorio peruanola configuyracion del territorio peruano
la configuyracion del territorio peruano
 
Concepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasConcepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena Olvieras
 
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxCERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
 
Europa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxEuropa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptx
 
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxSEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
 
BIOGRAFIA MARIANO MELGAR presentacion en power point
BIOGRAFIA MARIANO MELGAR  presentacion en power pointBIOGRAFIA MARIANO MELGAR  presentacion en power point
BIOGRAFIA MARIANO MELGAR presentacion en power point
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Sec
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
 
Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y español
 
LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docx
 
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
 

Exc12 unidad 3 html_mayrafranco

  • 1. ¿Qué es una fuente en código HTML?
  • 2. ¿Qué es una fuente en código HTML?  La marca FONT se emplea para formatear el tipo y tamaño del texto en algunos puntos del documento específicos. En realidad, si la marca FONT abriera y cerrara el documento, todo el texto comprendido dentro quedaría formateado tal y como estuviera indicado. Sin embargo, conceptualmente la marca FONT ha sido concebida para definir partes limitadas de texto. Por otro lado, mientras TEXT determina tan sólo en color del texto, la marca FONT puede definir el tipo utilizado, así como su tamaño y color. Aquí tienes la sintaxis correcta de la marca: <FONT FACE="arial" SIZE=5 COLOR=red>Tipo para formatear</FONT> El atributo FACE="arial" indica el tipo que se visualizará
  • 3. ¿Cuáles son las etiquetas para manipular el tamaño de la letra? La etiqueta <FONT> (descontinuado en HTML 4.0) se utiliza para controlar las características de una cadena de caracteres dada, no cubiertas por los estilos de carácter. Utilice el atributo SIZE para indicar el tamaño como aparecerán las letras. Los valores son del 1 al 7, en donde el 3 es el predeterminado.
  • 4. ¿Qué es la etiqueta font face?  La etiqueta <font> está desaprobada. Esta etiqueta especifica el tamaño, color y tipo de fuente para un texto.
  • 5. ¿Cómo se puede manipular el color de la fuente?  <FONT COLOR=texto color ó rrvvaa> : Color de la fuente
  • 6. ¿Cuál es la etiqueta de marquee?  La etiqueta <MARQUEE> </MARQUEE> crea una marquesina cuyo contenido se desplaza. Por defecto, ocupa todo el ancho de la pantalla, tiene una línea de altura y el texto se mueve lentamente de derecha a izquierda.
  • 7. ¿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"/>
  • 8. “ALT”  Entre comillas podremos escribir un texto que se mostrará si la imagen no llega a cargar, mientras se carga o, cuando visualizando ya la imagen, pasamos el ratón por encima.
  • 9. APA  HTMLPOINT.COM (2015) codigo HTML Recuperado:07/mayo/2015 De:http://www.htmlpoint.com/guida/html_06.htm  Paginashtml (2015) etiquetas para texto Recuperado:07/mayo/2015 De:http://paginashtml.tripod.com/id7.html  Vitualnata (20159 Font Face Recuperado: 07/mayo/2015 De:http://www.virtualnauta.com/html-etiqueta-font  UCA (2015) Font Color Recuperado: 07/mayo/2015 De:http://www2.uca.es/serv/sc/manual-html/font.htm  Vagabundia (2015) marquee Recuperado:07/marzo/2015 De:http://vagabundia.blogspot.com/2007/03/desplazamientos-de-textos-marquee.html  Linea de codigo (2015) imagen Recuperado:07/mayo/2015 De. http://lineadecodigo.com/html/alto-y-ancho-de-una-imagen-con-html/  Aprenderaprogramar (2015) alt  Recuperaod: 07/mayo/2015  De:http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=484:etiquetas-html- basicas-imagenes-img-src-alt-width-height-deprecated-border-align-rutas-cu00714b&catid=69:tutorial-basico- programador-web-html-desde-cero&Itemid=192