exc12 p1 b_ana gabriela ramos lozano
TRANSCRIPT
![Page 1: Exc12 p1 b_ana gabriela ramos lozano](https://reader036.vdocuments.pub/reader036/viewer/2022070511/58a4bd301a28ab2d688b668d/html5/thumbnails/1.jpg)
Etiquetas en HTMLAna Gabriela Ramos Lozano. Azucena Cervantes Ponce.Colegio Bucerias07/05/20151B
![Page 2: Exc12 p1 b_ana gabriela ramos lozano](https://reader036.vdocuments.pub/reader036/viewer/2022070511/58a4bd301a28ab2d688b668d/html5/thumbnails/2.jpg)
¿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>
htmlpoint(2014)Codigo HTMLRecuperado: 07/05/2015De:http://www.htmlpoint.com/guida/html_06.htm
![Page 3: Exc12 p1 b_ana gabriela ramos lozano](https://reader036.vdocuments.pub/reader036/viewer/2022070511/58a4bd301a28ab2d688b668d/html5/thumbnails/3.jpg)
¿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.
<font size=4>Este texto es más grande</font>
Uv(2014)Manipular tamaño de letraRecuperado: 07/05/2015De:https://www.uv.es/jac/guia/tamanyo.htm
![Page 4: Exc12 p1 b_ana gabriela ramos lozano](https://reader036.vdocuments.pub/reader036/viewer/2022070511/58a4bd301a28ab2d688b668d/html5/thumbnails/4.jpg)
Describe las etiquetas para generar los encabezados, coloca una imagen de cada uno • <H1> Texto de prueba (H1)</H1>. • <H2> Texto de prueba (H2)</H2> • <H3> Texto de prueba (H3)</H3> • <H4> Texto de prueba (H4)</H4> • <H5> Texto de prueba (H5)</H5> • <H6> Texto de prueba (H6)</H6>
DesarrolloWeb(2014) EtiquetasRecuperado: 07/05/2015De:http://www.desarrolloweb.com/articulos/556.php
![Page 5: Exc12 p1 b_ana gabriela ramos lozano](https://reader036.vdocuments.pub/reader036/viewer/2022070511/58a4bd301a28ab2d688b668d/html5/thumbnails/5.jpg)
¿Qué es la etiqueta font face?• Permite establecer el tipo de letra que se utilizará
la pagina web por ejemplo arial, verdana, Comic Sans MS.
• <font face=“arial” size=“7” color=“#999999”>Texto</font>
Alfatips(2014)Etiqueta Font FaceRecuperado: 07/05/2015De:http://alfatips.com/temas/fontfacefontcolorfontsize
![Page 6: Exc12 p1 b_ana gabriela ramos lozano](https://reader036.vdocuments.pub/reader036/viewer/2022070511/58a4bd301a28ab2d688b668d/html5/thumbnails/6.jpg)
Coloca un pequeño código donde expliques la etiqueta font face.
![Page 7: Exc12 p1 b_ana gabriela ramos lozano](https://reader036.vdocuments.pub/reader036/viewer/2022070511/58a4bd301a28ab2d688b668d/html5/thumbnails/7.jpg)
¿Cómo se puede manipular el color de la fuente?• Selecciona un color para la fuente.
• Añade la etiqueta del color al código HTML.
• Examina las partes de la etiqueta.
• Usa los nombres de los colores en vez de los códigos hexadecimales.
Wikihow(2014)Manipular color de fuenteRecuperado: 07/05/2015De:http://es.wikihow.com/cambiar-el-color-del-texto-en-HTML
![Page 8: Exc12 p1 b_ana gabriela ramos lozano](https://reader036.vdocuments.pub/reader036/viewer/2022070511/58a4bd301a28ab2d688b668d/html5/thumbnails/8.jpg)
. Describe la etiqueta con un ejemplo de código
![Page 9: Exc12 p1 b_ana gabriela ramos lozano](https://reader036.vdocuments.pub/reader036/viewer/2022070511/58a4bd301a28ab2d688b668d/html5/thumbnails/9.jpg)
¿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.
Vagabundia(2014)Etiqueta MarqueeRecuperado: 07/05/2015De:http://vagabundia.blogspot.com/2007/03/desplazamientos-de-textos-marquee.html
![Page 10: Exc12 p1 b_ana gabriela ramos lozano](https://reader036.vdocuments.pub/reader036/viewer/2022070511/58a4bd301a28ab2d688b668d/html5/thumbnails/10.jpg)
Describe la etiqueta de como insertar una imagen• Los documentos HTML se limitan a prever dentro
de ellos un espacio en el que se insertan las imágenes solicitadas.
La marca <IMG> no necesita cierre y su sintaxis correcta es:
<IMG SRC="immagine.gif">
Htmlpoint(2014)Etiqueta insertar imagen.Recuperado: 07/05/2015De:http://www.htmlpoint.com/guida/html_09.htm
![Page 11: Exc12 p1 b_ana gabriela ramos lozano](https://reader036.vdocuments.pub/reader036/viewer/2022070511/58a4bd301a28ab2d688b668d/html5/thumbnails/11.jpg)
¿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"/> Lineadecodigo(2013) Anchoy
altoRecuperado: 07/05/2015De:http://lineadecodigo.com/html/alto-y-ancho-de-una-imagen-con-html/
![Page 12: Exc12 p1 b_ana gabriela ramos lozano](https://reader036.vdocuments.pub/reader036/viewer/2022070511/58a4bd301a28ab2d688b668d/html5/thumbnails/12.jpg)
¿Qué tiene que ver la función “ALT” dentro de la etiqueta de una imagen?• El atributo alt se puede usar para varios
propósitos, la primera para que cuando se posicione el ratón , 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.
DesarrolloWeb(2014) ALTRecuperado: 07/05/2015De:http://www.desarrolloweb.com/faq/atributo-alt-imagenes.html