SlideShare una empresa de Scribd logo
¿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

PPTX
Exc12 unidad 3 html_mayrafranco
PPTX
Inf1_P1b_Exc12_Celina_Valenzuela
PDF
Inf2 p1 a_ejercicio2_estefaniaramirez
PPTX
Inf2 exc2 unidad3_p1_a_fridaleyva
PPTX
Exc12 p1 b_ana gabriela ramos lozano
PDF
Tema 03 formateando texto en html
PPTX
Codigos de html mitzi inf 1
Exc12 unidad 3 html_mayrafranco
Inf1_P1b_Exc12_Celina_Valenzuela
Inf2 p1 a_ejercicio2_estefaniaramirez
Inf2 exc2 unidad3_p1_a_fridaleyva
Exc12 p1 b_ana gabriela ramos lozano
Tema 03 formateando texto en html
Codigos de html mitzi inf 1

La actualidad más candente (20)

PDF
Guia de html
PDF
Tema 02 trabajando con texto en html
PPT
ETIQUETAS HTML ANIMADAS
PPTX
INF2_EXC12_SOFÍA GARCÍA ( HTML )
PPTX
Producto 4 FR
PPTX
Silem htmll
PDF
Lineas separadoras etiquetas hr comentarios html atributos noshade
PPTX
Presentacion de etiquetas
DOCX
Colegio nacional nicolas esguerra (1)
DOCX
DOCX
Html doc. descargado (reparado)
PDF
Armado de una pieza de HTML
DOCX
Katherine duarte herrera 2do actividad no 2 - - html ( hyper_text markup l...
DOCX
Atributos de BODY;MARQUEE y TABLE
PPTX
PPSX
Etiquetas básicas en html
PPTX
Manual de html
Guia de html
Tema 02 trabajando con texto en html
ETIQUETAS HTML ANIMADAS
INF2_EXC12_SOFÍA GARCÍA ( HTML )
Producto 4 FR
Silem htmll
Lineas separadoras etiquetas hr comentarios html atributos noshade
Presentacion de etiquetas
Colegio nacional nicolas esguerra (1)
Html doc. descargado (reparado)
Armado de una pieza de HTML
Katherine duarte herrera 2do actividad no 2 - - html ( hyper_text markup l...
Atributos de BODY;MARQUEE y TABLE
Etiquetas básicas en html
Manual de html
Publicidad

Similar a Exc12 unidad 3 html_mayrafranco (20)

PPTX
HInf2 exc12 p1_a_unidad 3_html_jessica
PPTX
Victor machuca
PPTX
Info p1 b_exce11_andrea salgado
PPTX
CODIGOS HTML
PPTX
Inf2_ p1 a_exc2_danna
PPTX
Inf2 p1 a_exc2_danna
PPTX
Exc2 inf a-alonsodueñas
PPTX
Inf2 exc12 p1_a_unidad 3_html_josue rodriguez
PPTX
HTML
PPTX
INF2_P1B_EXC2_KARINA SANDOVAL
DOCX
Producto 4 jorge robles y miguel a.
PPTX
Exc2 paolasolis comp1_a
PPTX
PAGINA HTML
PPTX
PAGINA HTML
PDF
HTML-Andrea Sofia
PDF
Html- Andrea Sofia
PPTX
Inf1a _ex2_adilenecardenas
PPTX
Inf2-exc-1-diego alvarez
PDF
Guia de repaso html11
PPTX
HInf2 exc12 p1_a_unidad 3_html_jessica
Victor machuca
Info p1 b_exce11_andrea salgado
CODIGOS HTML
Inf2_ p1 a_exc2_danna
Inf2 p1 a_exc2_danna
Exc2 inf a-alonsodueñas
Inf2 exc12 p1_a_unidad 3_html_josue rodriguez
HTML
INF2_P1B_EXC2_KARINA SANDOVAL
Producto 4 jorge robles y miguel a.
Exc2 paolasolis comp1_a
PAGINA HTML
PAGINA HTML
HTML-Andrea Sofia
Html- Andrea Sofia
Inf1a _ex2_adilenecardenas
Inf2-exc-1-diego alvarez
Guia de repaso html11
Publicidad

Último (20)

PPTX
Presentacion minimalista aesthetic simple beige.pptx
PPTX
LA FILOSOFÍA POLÍTICA EN LATINOAMÉRICA Y LA REPUBLICA.pptx
PPTX
La_danza_de_las_manos_Flora_ana_Davis.pptx
PPTX
el tema diapositivas de plan de negocio.pptx
PPTX
Comunicación Audiovisual, Redacción - Clase 1
PDF
Letra de cantos mexica y concheros para ceremonias
PPTX
Estrella Mariscal Zamudio-leecobaem-construyete.pptx
PDF
Brochure Diptico Plantas Organico Verde Azul.pdf
PDF
Temario de historia Universal de mexico.
PPTX
la artritis nfnckj c kcn j c jmnjcjdyc ncijcnknccjncsjcnscjsncjk
PPTX
Anexo 2- Entrega en el foro colaboartivo..pptx
PDF
Desfibrilador - Gilraen Eärfalas_Es un libro muy entretenido
PPTX
Estrógeno_Presentación.pptx.............
PPTX
CAPACITACIÓN USO Y MANEJO DE EXTINTORES.pptx
PDF
La maquina humana de Arnold Bennet PDF .
PPTX
Las virtudes.pptxlkjhhghgggyubffvhjjhgfghg
PDF
Jerónimo Gutierrez...................9.4
PDF
EP Modulo 1 FISIOLOGIA Power (1) (3).pdf
PDF
1.1. Luz, filtros y color en la fotografía.pdf
PPTX
Presentacion para intruducir nuevos jugadores al mundo de Minecraft.pptx
Presentacion minimalista aesthetic simple beige.pptx
LA FILOSOFÍA POLÍTICA EN LATINOAMÉRICA Y LA REPUBLICA.pptx
La_danza_de_las_manos_Flora_ana_Davis.pptx
el tema diapositivas de plan de negocio.pptx
Comunicación Audiovisual, Redacción - Clase 1
Letra de cantos mexica y concheros para ceremonias
Estrella Mariscal Zamudio-leecobaem-construyete.pptx
Brochure Diptico Plantas Organico Verde Azul.pdf
Temario de historia Universal de mexico.
la artritis nfnckj c kcn j c jmnjcjdyc ncijcnknccjncsjcnscjsncjk
Anexo 2- Entrega en el foro colaboartivo..pptx
Desfibrilador - Gilraen Eärfalas_Es un libro muy entretenido
Estrógeno_Presentación.pptx.............
CAPACITACIÓN USO Y MANEJO DE EXTINTORES.pptx
La maquina humana de Arnold Bennet PDF .
Las virtudes.pptxlkjhhghgggyubffvhjjhgfghg
Jerónimo Gutierrez...................9.4
EP Modulo 1 FISIOLOGIA Power (1) (3).pdf
1.1. Luz, filtros y color en la fotografía.pdf
Presentacion para intruducir nuevos jugadores al mundo de Minecraft.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