COLEGIO BUCERIASCOMPUTACIÓN

MAESTRA: AZUCENA CERVANTES7/MAYO/2015

ESLI DANIELA CHÁVEZ

Códigos HTML

¿Qué es una fuente en código HTML?

A la hora de crear páginas webs a veces nos encontramos limitados por las tipografías o fuentes tipográficas que podemos utilizar en ellas, dado que no todos los navegadores y sistemas operativos incluyen el mismo número de fuentes, y las tipografías de los sistemas operativos no serán las mismas.

Imaginanet(2011) Fuente en HTMLRecuperado 7/Mayo/2015de: http://www.imaginanet.com/blog/como-utilizar-cualquier-fuente-tipografia-en-nuestra-pagina-web.html

Etiquetas para manipular el tamaño de 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>

Desarroweb(2001) Tamaño de letraRecuperado 7/Mayo/2015de: http://www.desarrolloweb.com/articulos/556.php

Etiquetas para generar encabezados

Puede que queramos empezar nuestra web o nuestro texto con un encabezado indicando el título del artículo, categoría, etc. Pues bien, para escribir encabezados disponemos de las etiquetas <h>.Esta etiqueta viene acompañada de un número, desde el 1 hasta el 6, predefiniendo éstos el tamaño del encabezado. Así, <h1> sería el encabezado más grande mientras que <h6> sería el más pequeño.

aprendeaprogramar(2015) Etiquetas para encabezadoRecuperado 7/Mayo/2015

Etiqueta Font Face

La marca FONT se emplea para formatear el tipo y tamaño del texto en algunos puntos del documento específicos. 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á; SIZE=5 el tamaño del tipo, que puede estar comprendido entre 1 y 7 (mayor dimensión cuanto más cercano al 7); COLOR=red indica el color del texto (que puede expresarse asimismo en valores hexadecimales).

Htmlpoint(2006) Font faceRecuperado 7/Mayo/2015de: http://www.htmlpoint.com/guida/html_06.htm

¿Cómo manipular el color de fuente?

El color del texto puede ser definido mediante el atributo color. Cada color es a su vez definido por un número hexadecimal que esta compuesto a su vez de tres partes. Cada una de estas partes representa la contribución del rojo, verde y azul al color en cuestión.

Desarrolloweb(2001) Color de fuenteRecuperado: 7/Mayo/2015de: http://www.desarrolloweb.com/articulos/556.php

Etiqueta Marquee

La etiqueta marquee nos sirve para dar un efecto diferente a los texto de nuestra página Web. Gracias a ella podemos conseguir texto en movimiento. Para aplicar este efecto a los textos, éstos deben estar dentro de la etiqueta marquee, entre su inicio "<marquee>" y su cierre "</marquee>".

Hazunaweb( ) Etiqueta MarqueeRecuperado: 7/Mayo/2015de: http://html.hazunaweb.com/116.php

Etiqueta para insertar una imágen

Una de las primeras cosas que debemos aprender del HTML es la etiqueta <img> que funciona para colocar imágenes dentro de una página web.

Para poner una imágen utilizamos el siguiente código:

<img src="imagenHTML.jpg">

Ejemplode( ) Imagenes en HTMLRecuperado 7/Mayo/2015de: http://www.ejemplode.com/17-html/81-ejemplo_de_como_colocar_imagenes_con_html.html

Manipular el ancho y alto de una imágen

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.

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.

Aprende a programar ( ) Función ALTRecuperado: 7/Mayo/2015de: 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