Tecnología Análisis y Desarrollo en Sistemas de

Información Ficha: 1093067

26/04/16

Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ

Pág. 1

HTML

1. ¿Qué es HTML?

HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas de

hipertexto), hace referencia al lenguaje de marcado para la elaboración de

páginas web. Es un estándar que sirve de referencia del software que conecta

con la elaboración de páginas web en sus diferentes versiones, define una

estructura básica y un código (denominado código HTML) para la definición de

contenido de una página web, como texto, imágenes, videos, juegos, entre

otros.

Para añadir un elemento externo a la página (imagen, vídeo, script, entre

otros.), este no se incrusta directamente en el código de la página, sino que se

hace una referencia a la ubicación de dicho elemento mediante texto. Al ser un

estándar, HTML busca ser un lenguaje que permita que cualquier página web

escrita en una determinada versión, pueda ser interpretada de la misma forma

(estándar) por cualquier navegador web actualizado.

2. ¿Qué son etiquetas?

El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos

de texto destacado de una forma especial que permiten la definición de las

distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como

las distintas estructuras del lenguaje. A estas marcas las denominaremos

etiquetas y serán la base principal del lenguaje HTML. En documento HTML

será un fichero texto con etiquetas que variarán la forma de su presentación.

Una etiqueta será un texto incluido entre los símbolos menor que < y mayor

que >.. El texto incluido dentro de los símbolos será explicativo de la utilidad de

la etiqueta.

Tecnología Análisis y Desarrollo en Sistemas de

Información Ficha: 1093067

26/04/16

Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ

Pág. 2

Por ejemplo:

Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que define la etiqueta tendrá validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML.

<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>

Por ejemplo, con la etiqueta siguiente:

<B>Texto que será en negrita</B>.

Obtendremos:

Texto que será en negrita

Algunas etiquetas no necesitarán la de fin, serán aquellas en las que el final este implícito, por ejemplo <P> párrafo, <BR> salto de línea ó <IMG> inclusión de una imagen. Definen un efecto que se producirá en un punto determinado sin afectar a otros elementos.

El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se interpretarán del mismo modo en ambos casos, pero lo normal es expresarlas en mayúsculas para que destaquen con más nitidez del texto normal

<B> Letra Negrita, del inglés Bold (negrita).

<TABLE> Definirá una tabla.

<IMG> Inclusión de una IMaGen.

Tecnología Análisis y Desarrollo en Sistemas de

Información Ficha: 1093067

26/04/16

Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ

Pág. 3

3. Explique 20 etiquetas de HTML

Nombre Etiqueta

inicial Etiqueta final Descripción

a <a> </a> Origen o destino del vínculo

abbr <abbr> </abbr> Abreviatura (p.ej.:WWW, HTTP,

etc.) address <address> </address> Información sobre el autor applet <applet> </applet> Applet Java

area <area> Prohibido Área de un mapa de imágenes en

el lado del cliente b <b> </b> Estilo de texto en negrita

base <base> Prohibido URI base del documento basefont <basefont> Prohibido Tamaño base de fuente

bdo <bdo> </bdo> Anular algoritmo BiDi I18N big <big> </big> Estilo de texto grande

blockquote <blockquote> </blockquote> Cita larga br <br> Prohibido Salto de línea forzado

button <button> </button> Botón caption <caption> </caption> Título de tabla

center <center> </center> Forma abreviada de DIV

align=center cite <cite> </cite> Cita

code <code> </code> Fragmento de código de

computadora col <col> Prohibido Columna de una tabla del <del> </del> Texto borrado dfn <dfn> </dfn> Definición

Tecnología Análisis y Desarrollo en Sistemas de

Información Ficha: 1093067

26/04/16

Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ

Pág. 4

4. Elabora tu propia página web

Tecnología Análisis y Desarrollo en Sistemas de

Información Ficha: 1093067

26/04/16

Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ

Pág. 5

Tecnología Análisis y Desarrollo en Sistemas de

Información Ficha: 1093067

26/04/16

Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ

Pág. 6

5. Elabora una página para el ICBF

Tecnología Análisis y Desarrollo en Sistemas de

Información Ficha: 1093067

26/04/16

Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ

Pág. 7

6. Elabora una página para un restaurante

Tecnología Análisis y Desarrollo en Sistemas de

Información Ficha: 1093067

26/04/16

Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ

Pág. 8

Tecnología Análisis y Desarrollo en Sistemas de

Información Ficha: 1093067

26/04/16

Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ

Pág. 9

Tecnología Análisis y Desarrollo en Sistemas de

Información Ficha: 1093067

26/04/16

Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ

Pág. 10

Tecnología Análisis y Desarrollo en Sistemas de

Información Ficha: 1093067

26/04/16

Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ

Pág. 11

Tecnología Análisis y Desarrollo en Sistemas de

Información Ficha: 1093067

26/04/16

Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ

Pág. 12

Tecnología Análisis y Desarrollo en Sistemas de

Información Ficha: 1093067

26/04/16

Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ

Pág. 13

Tecnología Análisis y Desarrollo en Sistemas de

Información Ficha: 1093067

26/04/16

Evidencia Conocimiento PAULA ALEXANDRA LEÓN HERNÁNDEZ

Pág. 14