Códigos

12
Los códigos HTML Mariana Rincón Prepa 1 07/05/2015 Azucena Cervantes

Transcript of Códigos

Page 1: Códigos

Los códigos HTMLMariana Rincón Prepa 107/05/2015Azucena Cervantes

Page 2: Códigos

¿Qué es una fuente en código HTML? •El código fuente de un 

programa informático (o software) es un conjunto de líneas de texto que son las instrucciones que debe seguir la computadora para ejecutar dicho programa.

Page 3: Códigos

Etiquetas para manipular el tamaño de la letra• Tamaño de letra--->Ejemplo-------> <font

size="5">blabla</font> 

Page 4: Códigos

<h1>Texto muy grande</h1> <h2>Texto grande</h2> <h3>Texto algo más grande de lo normal</h3> <h4>Texto normal</h4> <h5>Texto pequeño</h5> <h6>Texto muy pequeño</h6>

<p style="text-align: center;">Este texto se alineará al centro</p> <p style="text-align: right;">Este texto se alineará a la

derecha</p> <p style="text-align: left;">Este texto se alineará a la

izquierda</p>

Etiquetas para generar los encabezados

Page 5: Códigos

¿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="serif" color="blue">Nombre de fuente: serif - color: azul</font>

Page 6: Códigos

¿Cómo se puede manipular el color de la fuente?

• <font color="red">Tu texto</font>

• <font color="#80BFFF">Tu texto</font>

Page 7: Códigos

• 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.

<marquee width="50%" height="60" align="bottom">... texto ...</marquee>

¿Cuál es la etiqueta de marquee?

Page 8: Códigos

¿Cómo puedes manipular el ancho y alto de una imagen?

•  La etiqueta <IMG> le agregas WIDTH que es el ancho de la imagen y HEIGHT que es el alto de la imagen. Entonces tienes por ejemplo algo como: 

<img src='image.jpg' width='250' height='250'> 

Page 9: Códigos

¿Cómo puedes manipular el ancho y alto de una imagen?

• La etiqueta <IMG> le agregas WIDTH que es el ancho de la imagen y HEIGHT que es el alto de la imagen. Entonces tienes por ejemplo algo como: 

<img src='image.jpg' width='250' height='250'> 

Page 10: Códigos

¿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 sobre la imagen, salga un texto, generalmente explicando la imagen.

Page 12: Códigos

•Tamaño de imagen letra,2013; Recuperado 07/05/2015, https://mx.answers.yahoo.com/question/index?qid=20080416193609AAJAfpE

•ALT letra,2014; Recuperado 07/05/2015, http://www.desarrolloweb.com/faq/atributo-alt-imagenes.html#respuesta