2. ¿Que 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. Por
tanto, en el código fuente de un programa está
escrito por completo su funcionamiento.
• El término código fuente también se usa para
hacer referencia al código fuente de otros
elementos del software, como por ejemplo el
código fuente de una página web que está escrito
en lenguaje de marcado HTML o en Javascript, u
otros lenguajes de programación web, y que es
posteriormente ejecutado por el navegador web
para visualizar dicha página cuando es visitada.
3. ¿Cuales son las etiquetas para
manipular el tamaño de la letra?
• Para definir distintos tamaños de letra, en HTML se utiliza el elemento lleno <Hx> </Hx> donde x es un
número que puede variar entre 1 y 6, siendo 1 el tamaño mayor.
• Se escribirán así:
• <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>
• No hay que olvidar poner el cierre </Hx> a cada elemento utilizado.
• Este tipo de elemento se suele utilizar para escribir encabezamientos, ya que después del cierre
automáticamente el visualizador inserta un salto de párrafo.
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.
• A continuación mostramos un código ejemplo de los seis diferentes encabezados:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://
www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ejemplo del uso de encabezados - aprenderaprogramar.com</title>
</head>
<body>
<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>
</body>
</html>
5. Etiqueta font face
• @font-face permite al autor especificar fuentes
online para visualizar en sus páginas web. Al
permitir a los autores proporcionar sus propias
fuentes, @font-face elimina la necesidad de
depender del numero limitado de fuentes de
usuarios instaladas en sus computadoras.
6. • <html>
• <head>
• <title>Web Font Sample</
title>
• <style type="text/css"
media="screen, print">
• @font-face {
• font-family: "Bitstream Vera
Serif Bold";
• src: url("http://
developer.mozilla.org/@api/
deki/files/2934/
=VeraSeBd.ttf") }
• body { font-family:
"Bitstream Vera Serif Bold",
serif }
• </style>
• </head>
• <body>
• This is Bitstream Vera Serif
Bold.
• </body>
• </html>
Este ejemplo
simplemente
especifica una
fuente que puede
ser descargada
para utilizar,
aplicando la
fuente a todo el
cuerpo del
documento.
7. ¿Como se puede manipular
el ancho y alto de 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"/>
8. La función ALT dentro de la etiqueta
de una imagen y un ejemplos
• El atributo alt especifica un texto alternativo que se representa cuando la imagen no
puede ser mostrada (ver abajo para más información sobre cómo especificar texto
alternativo). Los agentes de usuario deben representar el texto alternativo cuando no
puedan soportar imágenes, cuando no puedan soportar un tipo de imágenes, o
cuando estén configurados para no mostrar imágenes.
• El siguiente ejemplo muestra cómo puede utilizarse el atributo longdesc para una
descripción:
• <BODY>
• <P>
• <IMG src="mapadelsitio.gif"
• alt="Mapa del Sitio de Laboratorios HP"
• longdesc="mapadelsitio.html">
• </BODY>
• El atributo alt proporciona una descripción corta de la imagen. Esta información
debería ser suficiente como para que los usuarios puedan decidir si quieren seguir el
vínculo dado por el atributo longdesc hacia la descripción más larga, en este caso
9. WIKIPEDIA. Fuente código
RECUPERADO:06 may 2015
http://es.wikipedia.org/wiki/C%C3%B3digo_fuente
DESARROLLWED.
RECUPERADO:06 may 2015
http://www.desarrolloweb.com/articulos/556.php
DEVELOPER.MOZILLA.Font-Face
RECUPERADO:06 may 2015
https://developer.mozilla.org/es/docs/Web/CSS/@font-face
LINEDECODIGO.Alto y ancho
RECUPERADO:06 may 2015
http://lineadecodigo.com/html/alto-y-ancho-de-una-imagen-con-html/
CONCLASE.html
RECUPERADO:06 may 2015
http://html.conclase.net/w3c/html401-es/struct/objects.html
APRENDERAPROGRMAR. Encabezados
RECUPERADO:06 may 2015
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
FORMATO APA