CÓDIGO HTLM

Colegio Bucerias

Estefania Ramirez

06/mayo/2015

Ing. Azucena Cervantes Ponce

Preparatoria 1A

¿QUÉ ES UNA FUENTE DE CÓDIGO HTML?

Para que un documento HTML sea más que simples caracteres básicos, debe contener, además texto, una serie de instrucciones para el browser que lo va a reproducir: estas instrucciones se denominan etiquetas o tags y se distinguen del texto porque van entre guiones (< >)

Los editores de HTML no son siempre herramientas perfectas, sobre todo cuando ha habido muchas modificaciones durante el proceso de creación. Con bastante frecuencia se hará necesario consultar el código completo, con las etiquetas HTML (como se suele denominar código fuente o código madre) para corregir las disfunciones.

ETIQUETAS PARA MANIPULAR EL TAMAÑO DE LETRA

Se utiliza el elemento <Hx></Hx> donde x es un numero que puede variar entre 1 y 6, siendo 1 el tamaño mayor.

Se escribirán asi:

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

DESCRIBE LAS ETIQUETAS PARA GENERAR LOS ENCABEZADOS

DESCRIBE LAS ETIQUETAS PARA GENERAR LOS ENCABEZADOS

¿QUÉ ES LA ETIQUETA FONT FACE?

Las propiedades del teto pueden modificarse a través de la etiqueta <font>. Para ello, podemos insertar el teto entre las etiquetas <font> y </font>, especificando algunos de los atributos de la etiqueta:

CÓDIGO DONDE SE EXPLICA LA ETIQUETA FONT FACE

Como se puede ver en el cuadro de código se coloca la

etiqueta Font el tamaño de la letra, su color que seria

rojo, el tamaño de la palabra color:rojo y se cierra con

/Font y br.

COMO SE PUEDE MANIPULAR EL COLOR DE LA FUENTE DESCRIBE LA ETIQUETA CON UN EJEMPLO DE CODIGO

Para manipular el color de la fuenta se tiene que usar el código hexadecimal y la etiqueta Font

¿CUÁL ES LA ETIQUETA DE MARQUEE?

Las marquesinas(o marquee)son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea.

Para insertar una marquesina, es necesario insertar el texto entre las etiquetas <marquee> y </marquee>.

Por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes hacer que estas propiedades varíen.

A través de behavior puede modificarse el tipo de movimiento. Puede tomar los valores alternate (de lado a lado de la ventana, como si rebotara en los extremos), scroll (de un lado a otro, continuamente) o slide (de un lado a otro, pero una sola vez).

A través del direction puede modificarse la dirección en la que se moverá el texto. Puede tomar los valores down (de arriba a abajo), up (de abajo a arriba), left (de derecha a izquierda) o left (de izquierda a derecha).

También es posible establecer un color de fondo, a través del atributo bgcolor.

DESCRIBE LA ETIQUETA DE COMO HACER UNA IMAGEN

Ya que las imágenes son importantes para complementar la información de una pagina web y sea mas entendible la misma.

Para eso esta la etiqueta <img>.

Por ejemplo:

<img src="logotipo.gif" alt="Logotipo de Mi Sitio" />

COMO PUEDES MANIPULAR EL ANCHO Y ALTO DE UNA IMAGEN

Si se quiere manipular el alto y ancho de la imagen se debe utilizar los atributos HTML widht(ancho) y height(largo).

<IMG src="mifoto.jpg" width="100" height="100"/>

QUE TIENE QUE VER LA FUNCION ALT DENTRO DE LA ETIQUETA DE UNA IMAGEN Y ESCRIBE UN EJEMPLO

La función 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.

FORMATO APAPaginaspersonales(2011)Que es un código HTML

recuperado 06/mayo/2015

De: http://paginaspersonales.deusto.es/airibar/Ed_digital/HTML/HTML_1.html

Uv(2011)etiquetas para manipular el tamaño de la letra

Recuperado 06/mayo/2015

De: https://www.uv.es/jac/guia/tamanyo.htm

Aprenderaprogramar(2011)etiquetas para generar los en cabezados

Recuperado 06/mayo/2015

De: http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=489:encabezados-html-h1-a-h6-parrafos-aplicar-estilos-y-etiqueta-pre-texto-preformateado-ejemplo-cu00715b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192

Aulaclic(2011)etiqueta Font face

Recuperado 06/mayo/2015

De :http://www.aulaclic.es/html/t_3_3.htm

FORMATO APA

Virtualnauta(2011) etiqueta Font face

Recuperado 06/mayo/2015

De: http://www.virtualnauta.com/html-etiqueta-font

Wikihow(2011) manipular el color de la fuente

Recuperado 06/mayo/2015

De: http://es.wikihow.com/cambiar-el-color-del-texto-en-HTML

Aulaclic(2011) etiqueta marquee

Recuperado 06/mayo/2015

De: http://www.aulaclic.es/html/t_3_4.htm

Librosweb(2011) etiqueta de como hacer una imagen

Recuperado 06/mayo/2015

De: http://librosweb.es/libro/xhtml/capitulo_6.html

FORMATO APA

Lineadecodigo(2011)alto y ancho de una imagen en HTML

Recuperado 06/mayo/2015

De: http://lineadecodigo.com/html/alto-y-ancho-de-una-imagen-con-html/

Aprenderaprogramar(2011)función ALT dentro de la etiqueta de imagen

Recuperado 06/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