Buscar Tema

lunes, 27 de julio de 2009

3ero U2 Tema3_1 Html 2009

TERCER AÑO DE BACHILLERATO

UNIDAD II: PRESENCIA EN INTERNET

AÑO 2009 - 2010

Tema 3 _ 1: HTML y lenguajes script

Objetivo: Utilizar HTML o lenguajes scripts para mejorar la funcionalidad o presentación del Blog o sitio web.

HTML, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

Códigos HTML básicos : define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML.

  • : define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario. Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera podemos encontrar:

Un ejemplo de código HTML con coloreado de sintaxis

· </span></code>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana</p> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><link></span></code>: para vincular el sitio a <a href="http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada" title="Hojas de estilo en cascada"><span style="">hojas de estilo</span></a> o iconos Por ejemplo:<code><span style="font-size: 10pt;"><link rel="stylesheet" href="/style.css" type="text/css"></span></code></p> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><style></span></code>: para colocar el estilo interno de la página, ya sea usando <a href="http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada" title="Hojas de estilo en cascada"><span style="">CSS</span></a>, <a href="http://es.wikipedia.org/wiki/JavaScript" title="JavaScript"><span style="">JavaScript</span></a> u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <code><span style="font-size: 10pt;"><link></span></code></p> <ul type="disc"> <li class="MsoNormal" style=""><code><span style="font-size: 10pt;"><body></span></code>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como <a href="http://es.wikipedia.org/wiki/HTML_%28colores%29" title="HTML (colores)"><span style="">color</span></a> de fondo y márgenes. Dentro del cuerpo <code><span style="font-size: 10pt;"><body></span></code> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:</li> </ul> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><h1>, <h2>, <h3>, <h4>, <h5>, <h6></span></code>: encabezados o títulos del documento con diferente relevancia.</p> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><table></span></code>: define una tabla</p> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><tr></span></code>: fila de una tabla</p> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><td></span></code>: celda de datos de una tabla</p> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><a></span></code>: <a href="http://es.wikipedia.org/wiki/Hiperv%C3%ADnculo" title="Hipervínculo"><span style="">Hipervínculo</span></a> o enlace, dentro o fuera del <a href="http://es.wikipedia.org/wiki/Sitio_web" title="Sitio web"><span style="">sitio web</span></a>. Debe definirse el parámetro de pasada por medio del atributo <i>href</i>. Por ejemplo: <code><span style="font-size: 10pt;"><a href="http://www.wikipedia.org">Wikipedia</a></span></code> se representa como <a href="http://www.wikipedia.org/" title="http://www.wikipedia.org"><span style="">Wikipedia</span></a>)</p> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><div></span></code>: área de la página</p> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><img></span></code>: imagen. Requiere del atributo <i>src</i>, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <code><span style="font-size: 10pt;"><img src="./imagenes/mifoto.jpg" /></span></code></p> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><li><ol><ul></span></code>: Etiquetas para listas.</p> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><b></span></code>: texto en negrita (<i>Etiqueta descartada. Se recomienda usar la etiqueta </i><code><i><span style="font-size: 10pt;"><strong></span></i></code>)</p> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><i></span></code>: texto en cursiva</p> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><u></span></code>: texto subrayado</p> <ul type="disc"> <li class="MsoNormal" style="">La mayoría de etiquetas deben cerrarse como se abren, pero con una barra ("/") tal como se muestra en los siguientes ejemplos:</li> </ul> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><table><tr><td>Contenido de una celda<<b>/</b>td><<b>/</b>tr><<b>/</b>table></span></code></p> <p class="MsoNormal" style="margin-left: 72pt; text-indent: -18pt;"><!--[if !supportLists]--><span style="font-size: 10pt; font-family: Symbol;"><span style="">·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><code><span style="font-size: 10pt;"><script>Código de un <a href="http://es.wikipedia.org/wiki/Script" title="Script">script</a> integrado en la página<<b>/</b>script></span></code></p> <p class="MsoNormal">----------</p> <p class="MsoNormal"><a name="Nociones_b.C3.A1sicas_de_HTML"></a><o:p> </o:p></p> <p class="MsoNormal">(Extraido de : <a href="http://es.wikipedia.org/wiki/HTML" target="_blank">http://es.wikipedia.org/wiki/HTML</a> )</p> <p class="MsoNormal"><o:p> </o:p></p> <p class="MsoNormal">Realmente el código html está en formato del texto más simple, de tal manera que podemos crear una página web sin necesidad de un editor especial, solamente utilizando un editor de texto normal como el bloc de notas,</p> <p class="MsoNormal"><o:p> </o:p></p> <p class="MsoNormal">Vamos a realizar el siguiente <span style="font-size: 20pt; color: rgb(227, 108, 10);">ejercicio:<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 20pt; color: rgb(227, 108, 10);"><o:p> </o:p></span></p> <p class="MsoListParagraphCxSpFirst" style="text-indent: -18pt;"><!--[if !supportLists]--><span style="color: windowtext;"><span style="">1)<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><span style="color: windowtext;">Ingresa al bloc de notas de Windows.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt;"><!--[if !supportLists]--><span style="color: windowtext;"><span style="">2)<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><span style="color: windowtext;">En el bloc de notas digita el siguiente código html:<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle"><span style="color: windowtext;"><!--[if gte vml 1]><v:shape id="Imagen_x0020_3" spid="_x0000_i1029" type="#_x0000_t75" style="'width:585.75pt;height:432.75pt;visibility:visible;"> <v:imagedata src="U2TEMA3_1%20Html_archivos/image010.png" title=""> </v:shape><![endif]--><!--[if !vml]--><img src="http://central/Tercero/Unidad2/U2TEMA3_1%20Html_archivos/image011.jpg" shapes="Imagen_x0020_3" width="781" border="0" height="577" /><!--[endif]--></span><span style="color: windowtext;"><o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle"><span style="color: windowtext;">Nota: Se debe ser extremadamente exacto con la forma de escribir o no resultará.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt;"><!--[if !supportLists]--><span style="color: windowtext;"><span style="">3)<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><span style="color: windowtext;">Guárdelo en el escritorio <span style=""> </span>con el nombre mipagina.html<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle"><span style="color: windowtext;"><!--[if gte vml 1]><v:shape id="Imagen_x0020_6" spid="_x0000_i1028" type="#_x0000_t75" style="'width:423pt;height:134.25pt;visibility:visible;"> <v:imagedata src="U2TEMA3_1%20Html_archivos/image012.png" title=""> </v:shape><![endif]--><!--[if !vml]--><img src="http://central/Tercero/Unidad2/U2TEMA3_1%20Html_archivos/image013.jpg" shapes="Imagen_x0020_6" width="564" border="0" height="179" /><!--[endif]--></span><span style="color: windowtext;"><o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle"><span style="color: windowtext;">Nota: al cambiar la extensión de .txt a .html hacemos que la computadora lo identifique como página web.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle"><span style="color: windowtext;"><o:p> </o:p></span></p> <p class="MsoListParagraphCxSpMiddle" style="text-indent: -18pt;"><!--[if !supportLists]--><span style="color: windowtext;"><span style="">4)<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> </span></span></span><!--[endif]--><span style="color: windowtext;">Abra el archivo creado con un avegador como el Mozilla Fire Fox o Google Chrome.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpLast"><span style="color: windowtext;"><!--[if gte vml 1]><v:shape id="Imagen_x0020_7" spid="_x0000_i1027" type="#_x0000_t75" style="'width:447pt;height:362.25pt;visibility:visible;"> <v:imagedata src="U2TEMA3_1%20Html_archivos/image014.png" title=""> </v:shape><![endif]--><!--[if !vml]--><img src="http://central/Tercero/Unidad2/U2TEMA3_1%20Html_archivos/image015.jpg" shapes="Imagen_x0020_7" width="596" border="0" height="483" /><!--[endif]--></span><span style="color: windowtext;"><o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 18pt;"><span style="color: windowtext;"><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-left: 18pt;"><span style="color: windowtext;">LENGUAJES SCRIPT.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 18pt;"><span style="color: windowtext;"><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-left: 18pt;"><span style="color: windowtext;">Los lenguajes Script o lenguajes de programación interpretados son lenguajes de programación (Permiten escribir comandos que harán funcionar a la computadora de una forma específica) que se pueden incluir en el código HTML para dar alguna funcionalidad especial a tu página.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 18pt;"><span style="color: windowtext;"><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-left: 18pt;"><span style="color: windowtext;">Por ejemplo: puedes realizar una búsqueda en Google con el texto “Trucos HTML” y entre otras cosas saldrán códigos en Java o Vbs <span style=""> </span>que permitirán agregar detalles interesantes a tu codificación, la mayoría de las veces lo único que tienes que hacer es copiar y pegar el código en tu HTML. Si decides aprender a fondo estos lenguajes podrías llegar a crear tus propios trucos.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 18pt;"><span style="color: windowtext;"><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-left: 18pt;"><span style="color: windowtext;">Por ejemplo puedes agregar el siguiente truco:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 18pt;"><span style="color: windowtext;"><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-left: 18pt;"><span style="color: windowtext;"><!--[if gte vml 1]><v:shape id="Imagen_x0020_10" spid="_x0000_i1026" type="#_x0000_t75" style="'width:683.25pt;height:394.5pt;visibility:visible;"> <v:imagedata src="U2TEMA3_1%20Html_archivos/image016.png" title=""> </v:shape><![endif]--><!--[if !vml]--><img src="http://central/Tercero/Unidad2/U2TEMA3_1%20Html_archivos/image017.jpg" shapes="Imagen_x0020_10" width="911" border="0" height="526" /><!--[endif]--></span><span style="color: windowtext;"><o:p></o:p></span></p> <p class="MsoNormal"><o:p> </o:p></p> <p class="MsoNormal">Puedes consultar otros trucos en el siguiente vínculo: <a href="http://www.usuarios.sion.com/pauluk/trucospchtml.htm" target="_blank">http://www.usuarios.sion.com/pauluk/trucospchtml.htm</a></p> <p class="MsoNormal"><o:p> </o:p></p> <p class="MsoNormal"> </p> <p class="MsoNormal"><strong><span style="font-family: "Arial","sans-serif";">Tareas:</span></strong></p> <p class="MsoNormal"> </p> <ol start="1" type="1"> <li class="MsoNormal" style="color: windowtext;"><span style="color: black;">Agregar a su blog y a su página Web personal algún truco html.</span><span style="font-family: "Times New Roman","serif";"><o:p></o:p></span></li> </ol> <p class="MsoNormal"> </p> <p class="MsoNormal"><o:p> </o:p></p></b></span><p></p> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02566578067127996884' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02566578067127996884' rel='author' title='author profile'> <span itemprop='name'>Luis Edgar Sánchez</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://informaticacomil3.blogspot.com/2009/07/3ero-u2-tema31-html-2009.html' itemprop='url'/> <a class='timestamp-link' href='https://informaticacomil3.blogspot.com/2009/07/3ero-u2-tema31-html-2009.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-07-27T13:24:00-05:00'>13:24</abbr></a> </span> <span class='post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1424826230'> <a href='https://www.blogger.com/post-edit.g?blogID=2562592607431390212&postID=6694719697722382276&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> Etiquetas: <a href='https://informaticacomil3.blogspot.com/search/label/comil' rel='tag'>comil</a>, <a href='https://informaticacomil3.blogspot.com/search/label/comil3' rel='tag'>comil3</a>, <a href='https://informaticacomil3.blogspot.com/search/label/html' rel='tag'>html</a>, <a href='https://informaticacomil3.blogspot.com/search/label/informatica' rel='tag'>informatica</a>, <a href='https://informaticacomil3.blogspot.com/search/label/tercero' rel='tag'>tercero</a> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4>No hay comentarios:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <a href='https://www.blogger.com/comment/fullpage/post/2562592607431390212/6694719697722382276' onclick=''>Publicar un comentario</a> </p> </div> </div> <div class='inline-ad'> <script type="text/javascript"><!-- google_ad_client="pub-7343746323414040"; google_ad_host="pub-1556223355139109"; google_ad_host_channel="00000"; google_ad_width=300; google_ad_height=250; google_ad_format="300x250_as"; google_ad_type="text_image"; google_color_border="FFFFFF"; google_color_bg="FFFFFF"; google_color_link="29303B"; google_color_url="473624"; google_color_text="1B0431"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://informaticacomil3.blogspot.com/2009/08/iiibach-u2-tema4.html' id='Blog1_blog-pager-newer-link' title='Entrada más reciente'>Entrada más reciente</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='https://informaticacomil3.blogspot.com/2009/07/tema-3-fotogramas-y-linea-de-tiempo.html' id='Blog1_blog-pager-older-link' title='Entrada antigua'>Entrada antigua</a> </span> <a class='home-link' href='https://informaticacomil3.blogspot.com/'>Inicio</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Suscribirse a: <a class='feed-link' href='https://informaticacomil3.blogspot.com/feeds/6694719697722382276/comments/default' target='_blank' type='application/atom+xml'>Enviar comentarios (Atom)</a> </div> </div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar section' id='sidebar'><div class='widget AdSense' data-version='1' id='AdSense1'> <div class='widget-content'> <script type="text/javascript"><!-- google_ad_client="pub-7343746323414040"; google_ad_host="pub-1556223355139109"; google_ad_host_channel="00000"; google_alternate_ad_url="http://www.blogger.com/img/blogger_ad160x600.html"; google_ad_width=160; google_ad_height=600; google_ad_format="160x600_as"; google_ad_type="text_image"; google_color_border="FFFFFF"; google_color_bg="FFFFFF"; google_color_link="29303B"; google_color_url="473624"; google_color_text="1B0431"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <div class='clear'></div> </div> </div></div> </div> <div id='footer-wrapper'> <div class='footer section' id='footer'><div class='widget Profile' data-version='1' id='Profile1'> <h2>Datos personales</h2> <div class='widget-content'> <a href='https://www.blogger.com/profile/02566578067127996884'><img alt='Mi foto' class='profile-img' height='80' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq5rKvBpQoTK-4ud9x-2RY-6LZWjdfKkrkgMgLJyyUBQHvkQOqL3OkKdzV5YUSJNMwOJwkpCCG6syi1PPf5Ysben76Fi2WbC-PXqPLrDlOtJvMWTVuR1vSfZvOl4ZrXw/s151-r/n1778932076_2049.jpg' width='80'/></a> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/02566578067127996884' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> Luis Edgar Sánchez </a> </dt> <dd class='profile-data'>Machala, El Oro, Ecuador</dd> <dd class='profile-textblock'>Informático, docente, filósofo maniatado, artista en pausa.</dd> </dl> <a class='profile-link' href='https://www.blogger.com/profile/02566578067127996884' rel='author'>Ver todo mi perfil</a> <div class='clear'></div> </div> </div></div> </div> </div> </div></div></div></div> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/91768132-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY63z1IdUf7yCEDN3JsgXmD4xSQawA:1737176234344';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2562592607431390212','//informaticacomil3.blogspot.com/2009/07/3ero-u2-tema31-html-2009.html','2562592607431390212'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2562592607431390212', 'title': 'INFORMATICA EN EL COMIL3', 'url': 'https://informaticacomil3.blogspot.com/2009/07/3ero-u2-tema31-html-2009.html', 'canonicalUrl': 'http://informaticacomil3.blogspot.com/2009/07/3ero-u2-tema31-html-2009.html', 'homepageUrl': 'https://informaticacomil3.blogspot.com/', 'searchUrl': 'https://informaticacomil3.blogspot.com/search', 'canonicalHomepageUrl': 'http://informaticacomil3.blogspot.com/', 'blogspotFaviconUrl': 'https://informaticacomil3.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'es', 'localeUnderscoreDelimited': 'es', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22INFORMATICA EN EL COMIL3 - Atom\x22 href\x3d\x22https://informaticacomil3.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22INFORMATICA EN EL COMIL3 - RSS\x22 href\x3d\x22https://informaticacomil3.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22INFORMATICA EN EL COMIL3 - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2562592607431390212/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22INFORMATICA EN EL COMIL3 - Atom\x22 href\x3d\x22https://informaticacomil3.blogspot.com/feeds/6694719697722382276/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-7343746323414040', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d2c988fc3a56b1b1', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Obtener enlace', 'key': 'link', 'shareMessage': 'Obtener enlace', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartir en Facebook', 'target': 'facebook'}, {'name': 'Escribe un blog', 'key': 'blogThis', 'shareMessage': 'Escribe un blog', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Compartir en X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartir en Pinterest', 'target': 'pinterest'}, {'name': 'Correo electr\xf3nico', 'key': 'email', 'shareMessage': 'Correo electr\xf3nico', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27es\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Leer m\xe1s', 'pageType': 'item', 'postId': '6694719697722382276', 'postImageUrl': 'http://central/Tercero/Unidad2/U2TEMA3_1%20Html_archivos/image008.gif', 'pageName': '3ero U2 Tema3_1 Html 2009', 'pageTitle': 'INFORMATICA EN EL COMIL3: 3ero U2 Tema3_1 Html 2009'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Editar', 'linkCopiedToClipboard': 'El enlace se ha copiado en el Portapapeles.', 'ok': 'Aceptar', 'postLink': 'Enlace de la entrada'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': '3ero U2 Tema3_1 Html 2009', 'description': 'TERCER A\xd1O DE BACHILLERATO UNIDAD II: PRESENCIA EN INTERNET A\xd1O 2009 - 2010 Tema 3 _ 1: HTML y lenguajes script Ob...', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tW_HWSXiQk1TemqlKFQaYPMtlp9HEKB5qC-rckT0-pRgw0hxARgyOqpoFffMxQDM8qTsJ5PdQNQ6NnbkBSmahTMTCg5qQIsAmWHkt2U4PJT317jGCEI8edrGvFZVn2J5uzqyxZfVaiIQ', 'url': 'https://informaticacomil3.blogspot.com/2009/07/3ero-u2-tema31-html-2009.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 6694719697722382276}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'main', document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'main', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Cargando\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'main', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2956189928-lbx__es.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'sidebar', document.getElementById('AdSense1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'footer', document.getElementById('Profile1'), {}, 'displayModeFull')); </script> </body> </html>