Diego AlvarezColegio Bucerias

Informatica 21 Preparatoria B

07/05/2015HTML

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.

Código HTML

El código fuente de un programa está escrito por un

programador pero en este primer estado no es directamente ejecutable por la computadora, sino que debe ser traducido a otro lenguaje o código binario; así será más fácil para la máquina interpretarlo

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.

Código HTML

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

Tamaños y tipos de letra en HTML

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.

y este sería el

resultado: Texto de prueba (H1)

Texto de prueba (H2)

Texto de prueba (H3)

Texto de prueba (H4)

Texto de prueba (H5)

Texto de prueba (H6)

Tamaños y tipos de letra en HTML

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.

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.

Encabezados

Encabezados

• Como podemos observar en el ejemplo anterior, cada encabezado está separado del anterior y del siguiente por un salto de línea sin que nosotros en el código hayamos escrito nada ya que los encabezados generan por sí solos un salto de línea.

¿Que es la étiqueta font face?

Selecciona un color para la fuente. Las

fuentes de HTML generalmente se describen con códigos hexadecimales que se traducen en la composición RGB (rojo, verde y azul, por sus siglas en inglés) de los diferentes colores disponibles. Para cada color existe un conjunto de 6 caracteres que lo conforma.

Cómo cambiar el color del texto en

HTML

Cómo cambiar el color del texto en

HTML• Añade la etiqueta del color al código

HTML. La sintaxis para añadir el valor hexadecimal del color a la fuente es muy sencilla. Para este ejemplo se usará la frase: "Lorem ipsum dolores sit amet" y se hará que la palabra "dolores" tome un color turquesa. Con la etiqueta <font> puedes hacerlo de la siguiente manera:

Lorem ipsum <font>dolores</font> sit amet. Observa que la etiqueta aún no tiene ningún efecto. Para que el texto tome un color determinado, añade el atributo del color a la etiqueta: Lorem ipsum <font color = "40E0D0">dolores</font> sit amet. Ten en cuenta que al usar las etiquetas en el código fuente de una página web, no las verás en el texto publicado. En vez de eso, el texto publicado simplemente se verá así: Lorem ipsum dolores sit amet.

Examina las partes de la

etiqueta. Cada parte de la etiqueta de la fuente tiene un propósito específico, así que es importante que conozcas la ubicación y la función de dichas partes.

Usa los nombres de los colores en vez de los códigos hexadecimales.

Cómo cambiar el color del texto en

HTML

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

Marquee.

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

Alto y ancho de una imagen con HTML

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. La siguiente posibilidad es para meter palabras clave de cara a los buscadores, ya que es uno de los atributos que rastrean dentro de una página html. Otra posibilidad es que si no te carga la imagen, en vez de aparecer el típico recuadro con la cruz te puede salir (dependiendo del navegador) el texto que has colocado en el alt. Otra propiedad que se le atribuye últimamente es que algunos navegadores y sistemas operativos la utilizan para que las personas con minusvalía en la vista, puedan oir la descripción de la imagen.

Qué tiene que ver la función “ALT”.

personalmente lo uso para posicionar imagenes en Google imagenes

precisamente. Por ejemplo en este post de un blog -->http://cabinasubmarina.wordpress.com/2009/10/07/video-de-delfines-en-lestartit-costa-brava he colocado una imagen--> y la he descrito:<img class="size-full wp-image-476" title="el salto del delfín" src="http://cabinasubmarina.wordpress.com/files/2009/10/delfines-saltando-en-el-mar.jpg" alt="delfines-saltando-en-el-mar" width="480" height="360" />

Mira el atributo "alt“ Y el resultado en google images:http://images.google.es/images?hl=es&source=hp&q=delfines&btnG=Buscar+im%C3%A1genes&gbv=2&aq=f&oq= (primer puesto a 11/11/2009)

Ejemplos del ALT:

Temas recuperados el 07/05/2015 http://es.wikipedia.org/wiki/C%C3%B3digo_fuente https://www.uv.es/jac/guia/tamanyo.htm 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

http://alfatips.com/temas/fontfacefontcolorfontsize http://lineadecodigo.com/html/alto-y-ancho-de-una-imagen-

con-html/ http://www.desarrolloweb.com/faq/atributo-alt-imagenes.html

Formato APA: