trabajo1_andresbonilla

12
TALLER N°1 1. que es HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc. 2. aspectos del html Comprender el modelo de etiquetas de HTML. Identificar la estructura básica de una página web. Crear una página con un editor de texto sencillo. Crear una primera página web con un editor avanzado. Contenidos Etiquetas HTML. Estructura de una página web. Criterios de evaluación Crear una página web con un editor de texto simple. Crear una web con un editor avanzado. Realizar modificaciones en una página web 3. historia del html El origen de HTML se remonta a 1980, cuando el físico Tim Berners- Lee, trabajador del CERN (Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos. Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el "hipertexto" permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban visualizando. De cierta manera, los primitivos sistemas de "hipertexto" podrían asimilarse a los enlaces de las páginas web actuales. Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).

Upload: felipe-bonilla

Post on 11-Dec-2015

6 views

Category:

Documents


0 download

DESCRIPTION

trabajo numero 1 de html avanzado

TRANSCRIPT

Page 1: trabajo1_AndresBonilla

TALLER N°1

1. que es HTML

es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

2. aspectos del html Comprender el modelo de etiquetas de HTML. Identificar la estructura básica de una página web. Crear una página con un editor de texto sencillo. Crear una primera página web con un editor avanzado. Contenidos Etiquetas HTML. Estructura de una página web. Criterios de evaluación Crear una página web con un editor de texto simple. Crear una web con un editor avanzado. Realizar modificaciones en una página web

3. historia del html

El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN (Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos.Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el "hipertexto" permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban visualizando. De cierta manera, los primitivos sistemas de "hipertexto" podrían asimilarse a los enlaces de las páginas web actuales.Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).

El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre HTML Tags (Etiquetas HTML) y todavía hoy puede ser consultado online a modo de reliquia informática.La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF (Internet Engineering Task Force). Aunque se consiguieron avances significativos (en esta época se definieron las etiquetas para imágenes, tablas y formularios) ninguna de las dos propuestas de estándar, llamadas HTML y HTML+ consiguieron convertirse en estándar oficial.

Page 2: trabajo1_AndresBonilla

En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue publicar, el 22 de septiembre de ese mismo año, el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML.A partir de 1996, los estándares de HTML los publica otro organismo de estandarización llamado W3C (World Wide Web Consortium). La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada por el W3C. Esta revisión incorpora los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.HTML 4.0 se publicó el 24 de Abril de 1998 (siendo una versión corregida de la publicación original del 18 de Diciembre de 1997) y supone un gran salto desde las versiones anteriores. Entre sus novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios.

La última especificación oficial de HTML se publicó el 24 de diciembre de 1999 y se denomina HTML 4.01. Se trata de una revisión y actualización de la versión HTML 4.0, por lo que no incluye novedades significativas.

Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group).

La actividad actual del WHATWG se centra en el futuro estándar HTML 5, cuyo primer borrador oficial se publicó el 22 de enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML.

De forma paralela a su actividad con HTML, W3C ha continuado con la estandarización de XHTML, una versión avanzada de HTML y basada en XML. La primera versión de XHTML se denomina XHTML 1.0 y se publicó el 26 de Enero de 2000 (y posteriormente se revisó el 1 de Agosto de 2002).

XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus etiquetas y características, pero añade algunas restricciones y elementos propios de XML. La versión XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizar XHTML. También ha sido publicado el borrador de XHTML 2.0, que supondrá un cambio muy importante respecto de las anteriores versiones de XHTML.

Page 3: trabajo1_AndresBonilla

4. la estructura de un documento html

Un documento HTML está definido por una etiqueta de apertura <HTML> y una etiqueta de cierre </HTML>. Dentro de este se dividen dos partes fundamentales la cabecera, delimitada por la etiqueta <HEAD> y el cuerpo, delimitado por la etiqueta <BODY>. Por tanto la estructura de un documento HTML será:

<HTML>

<HEAD>

Definiciones de la cabecera

</HEAD>

<BODY>

Instrucciones HTML

</BODY>

</HTML>

Ninguno de estos elementos es obligatorio, pudiendo componer documentos HTML que se muestren sin ningún problema sin incluir estas etiquetas de identificación. Si se utilizan elementos que forzosamente deban ser incluidos en la cabecera (como la etiqueta de titulo), no serán reconocidos correctamente si no se incluyen entre las etiquetas de <HEAD>.

5. la sintaxis de los elementos de html

es cuando es posible escribir sus etiquetas y atributos de muchas formas diferentes. Las etiquetas por ejemplo podían escribirse en mayúsculas, en minúsculas e incluso combinando mayúsculas y minúsculas. El valor de los atributos de las etiquetas se podían indicar con y sin comillas ("). Además, el orden en el que se abrían y cerraban las etiquetas no era importante.

6. elementos de bloque y en línea

Los elementos de bloque siempre empiezan en una nueva línea y ocupan todo el espacio disponible hasta el final de la línea , aunque sus contenidos no lleguen hasta el final de la línea.

Los elementos en línea sólo ocupan el espacio necesario para mostrar sus contenidos.

Page 4: trabajo1_AndresBonilla

7. referencias de carácter

Las referencias a entidades de caracteres sí distinguen entre mayúsculas y minúsculas. Así, &Aring; se refiere a un carácter diferente (A mayúscula con anillo; Å) que &aring; (a minúscula con anillo; å).

Símbolos matemáticos

Descripcion

Caracter

Código

decimal

Nombre de

entidad

no-break space

&#160; &nbsp;

middle dot ·&#183

;&middot;

multiplication sign ×

&#215; &times;

asymptotic to ≈

&#8776;

&asymp;

sum of ∑&#872

1; &sum;

infinity ∞&#873

4; &infin;

per mille sign ‰

&#8240;

&permil;

arrow left ←&#859

2; &larr;

arrow up ↑&#859

3; &uarr;

less than < &#60; &lt;

right-pointing »

&#187; &raquo;

double quote " &#34; &quot;

en dash –&#821

1;&ndash;

Page 5: trabajo1_AndresBonilla

copyright sign ©

&#169; &copy;

euro sign €&#128

; &euro;

inverted exclamation mark ¡

&#161; &iexcl;

Descripcion

Caracter

Código decim

al

Nombre de entidad

ampersand & &#38; &amp;

plus-minus sign ±

&#177; &plusmn;

division sign ÷

&#247; &divide;

partial differential ∂

&#8706; &part;

integral ∫&#874

7; &int;

square root √&#873

0; &radic;

double arrow right ⇒ &#865

8; &rArr;

arrow right →&#859

4; &rarr;

arrow down ↓&#859

5; &darr;

greater than > &#62; &gt;

left-pointing «&#171

; &laquo;

degree sign °&#176

; &deg;

equivalence ≡&#880

1; &equiv;

Page 6: trabajo1_AndresBonilla

registered sign ®

&#174; &reg;

pound sign £&#163

; &pound;

inverted question mark ¿

&#191; &iquest;

Caracteres internacionales

Descripcion

Caracter

Código decimal

Nombre de

entidad

A with grave À &#192;

&Agrave;

A with acute Á &#193;

&Aacute;

A with circumflex  &#194; &Acirc;

A with tilde à &#195;

&Atilde;

A with diaeresis Ä &#196; &Auml;

A with ring above Å &#197; &Aring;

AE dipthong Æ &#198; &AElig;

C with cedilla Ç &#199;

&Ccedil;

E with grave È &#200;

&Egrave;

E with acute É &#201;

&Eacute;

Page 7: trabajo1_AndresBonilla

E with circumflex Ê &#202; &Ecirc;

E with diaeresis Ë &#203; &Euml;

I with grave Ì &#204;

&Igrave;

I with acute Í &#205;

&Iacute;

I with circumflex Î &#206; &Icirc;

I with diaeresis Ï &#207; &Iuml;

Capital N, tilde mark Ñ &#209;

&Ntilde;

O with grave Ò &#210;

&Ograve;

O with acute Ó &#211;

&Oacute;

O with circumflex Ô &#212; &Ocirc;

O with tilde Õ &#213;

&Otilde;

O with diaeresis Ö &#214; &Ouml;

o with stroke Ø &#216;

&Oslash;

U with grave Ù &#217;

&Ugrave;

U with acute Ú &#218;

&Uacute;

U with circumflex Û &#219; &Ucirc;

U with diaeresis Ü &#220; &Uuml;

Page 8: trabajo1_AndresBonilla

Y with acute Ý &#221;

&Yacute;

Y with diaeresis Ÿ &#223; &Yuml;

micro sign µ &#181; &micro;

Capital letter

DescripcionCaract

er

Código

decimal

Nombre de

entidad

a with grave à&#22

4;&agrave;

a with acute á&#22

5;&aacute;

a with circumflex â&#22

6; &acirc;

a with tilde ã&#22

7;&atilde;

a with diaeresis ä&#22

8; &auml;

a with ring above å&#22

9; &aring;

ae dipthong æ&#23

0; &aelig;

c with cedilla ç&#23

1;&ccedil;

e with grave è&#23

2;&egrave;

e with acute é&#23

3;&eacute;

e with circumflex ê&#23

4; &ecirc;

e with diaeresis ë&#23

5; &euml;

i with grave ì&#23

6;&igrave;

Page 9: trabajo1_AndresBonilla

i with acute í&#23

7;&iacute;

i with circumflex î&#23

8; &icirc;

i with diaeresis ï&#23

9; &iuml;

Small N, tilde mark ñ&#24

1;&ntilde;

o with grave ò&#24

2;&ograve;

o with acute ó&#24

3;&oacute;

o with circumflex ô&#24

4; &ocirc;

o with tilde õ&#24

5;&otilde;

o with diaeresis ö&#24

6; &ouml;

o with stroke ø&#24

8;&oslash;

u with grave ù&#24

9;&ugrave;

u with acute ú&#25

0;&uacute;

u with circumflex û&#25

1; &ucirc;

u with diaeresis ü&#25

2; &uuml;

y with acute ý&#25

3;&yacute;

y with diaeresis ÿ&#25

5; &yuml;

sharp s ß&#22

3; &szlig;

Small letter 

Page 10: trabajo1_AndresBonilla