exc12 p1 b_ana gabriela ramos lozano

12
Etiquetas en HTML Ana Gabriela Ramos Lozano. Azucena Cervantes Ponce. Colegio Bucerias 07/05/2015 1B

Upload: gabrielalozano27

Post on 16-Feb-2017

98 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Exc12 p1 b_ana gabriela ramos lozano

Etiquetas en HTMLAna Gabriela Ramos Lozano. Azucena Cervantes Ponce.Colegio Bucerias07/05/20151B

Page 2: Exc12 p1 b_ana gabriela ramos lozano

¿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

¿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

 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

¿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

Coloca un pequeño código donde expliques la etiqueta font face.

Page 7: Exc12 p1 b_ana gabriela ramos lozano

¿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

. Describe la etiqueta con un ejemplo de código

Page 9: Exc12 p1 b_ana gabriela ramos lozano

¿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

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

¿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

¿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