Este documento contiene información sobre etiquetas HTML para formato de texto como fuentes, tamaños de letra, colores, encabezados y efectos de movimiento. También explica cómo insertar imágenes y manipular su tamaño y texto alternativo.

1. C O L E G I O B U C E R I A S
C O M P U T A C I Ó N
M A E S T R A : A Z U C E N A C E R V A N T E S
7 / M A Y O / 2 0 1 5
E S L I D A N I E L A C H Á V E Z
Códigos HTML

2. ¿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 HTML
Recuperado 7/Mayo/2015
de: http://www.imaginanet.com/blog/como-utilizar-cualquier-fuente-tipografia-en-nuestra-pagina-web.html

3. 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 letra
Recuperado 7/Mayo/2015
de: http://www.desarrolloweb.com/articulos/556.php

4. 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
encabezado
Recuperado 7/Mayo/2015

5. 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 face
Recuperado 7/Mayo/2015
de:
http://www.htmlpoint.com/g
uida/html_06.htm

6. ¿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 fuente
Recuperado: 7/Mayo/2015
de:
http://www.desarrolloweb.com/articu
los/556.php

7. 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 Marquee
Recuperado: 7/Mayo/2015
de: http://html.hazunaweb.com/116.php

8. 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 HTML
Recuperado 7/Mayo/2015
de: http://www.ejemplode.com/17-html/81-
ejemplo_de_como_colocar_imagenes_con_html.html

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

10. 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 ALT
Recuperado: 7/Mayo/2015
de:
http://www.aprenderaprogramar.com/index.ph
p?option=com_content&view=article&id=484:et
iquetas-html-basicas-imagenes-img-src-alt-
width-height-deprecated-border-align-rutas-
cu00714b&catid=69:tutorial-basico-
programador-web-html-desde-cero&Itemid=192