<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-6570574594559714905</id><updated>2024-11-08T07:13:48.292-08:00</updated><category term="estructurar texto"/><category term="elementos html"/><category term="introduccion"/><category term="apariencia pagina web"/><category term="formatear texto"/><category term="distribuir paginas web"/><category term="formularios"/><title type='text'>Curso de HTML</title><subtitle type='html'>Informacion, codigo, ejemplos, practicas, y videos para crear paginas Web.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>16</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-7468066046258505685</id><published>2010-09-14T18:08:00.001-07:00</published><updated>2010-09-14T18:29:02.697-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="apariencia pagina web"/><title type='text'>Imagen de Fondo</title><summary type="text">Descripción 

&amp;lt;body background=&quot;&quot;&amp;gt; 

Para insertar imágenes de fondo a las páginas Web,&amp;nbsp;se utiliza el atributo -background-. 

Aquí se escribe el nombre de la imagen y su extensión.

Ejemplo:

&amp;lt;html&amp;gt; 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;head&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;</summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/7468066046258505685/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/09/insertar-imagen-de-fondo-las-paginas.html#comment-form' title='8 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/7468066046258505685'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/7468066046258505685'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/09/insertar-imagen-de-fondo-las-paginas.html' title='Imagen de Fondo'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>8</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-4656551786484770110</id><published>2010-08-02T21:52:00.001-07:00</published><updated>2010-08-09T23:20:49.147-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="estructurar texto"/><title type='text'>Encabezados</title><summary type="text">Introducción 

Los encabezados son importantes ya que permiten organizar el contenido de la pagina Web en seis niveles. Vease un ejemplo en los libros, estos tienen contenido que se clasifica con titulos y subtitulos, los titulos tienen la jerarquia alta ya que poseen los subtitulos.


Descripción 

Para crear los encabezados se utilizan las siguientes etiquetas: &amp;lt;h1&amp;gt;, &amp;lt;h2&amp;gt;, &amp;lt;h3&amp;gt</summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/4656551786484770110/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/08/encabezados_02.html#comment-form' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/4656551786484770110'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/4656551786484770110'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/08/encabezados_02.html' title='Encabezados'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi14iqMGFiKwD28BIZ6JPyd_q3gIKb9ZVBECgpGfU2SuBx_AjS7WBpvyFw7km2DwQakP3MJgZjah2_NHoME5Hmho7crbs7fVi0RRGocD5634edO0gF3K4yoIXrrDrZqriBIwuFFv9gUzW4G/s72-c/results-encabezados.jpg" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-6744288319789502676</id><published>2010-08-01T22:39:00.001-07:00</published><updated>2010-08-01T22:53:47.291-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="introduccion"/><title type='text'>Como usar HTML?</title><summary type="text">Descripción&amp;nbsp;


Las paginas Web HTML están hechas con etiquetas y atributos, las cuales permiten crear, mostrar y cargar la información, imágenes, videos, etc. que se muestran en las paginas Web.

Etiquetas 

&amp;lt;html&amp;gt; &amp;lt;/html&amp;gt;
&amp;lt;head&amp;gt; &amp;lt;/head&amp;gt;
&amp;lt;title&amp;gt; &amp;lt;/title&amp;gt;
&amp;lt;body&amp;gt; &amp;lt;/body&amp;gt;
Las etiquetas están conformadas por etiquetas de apertura y etiquetas de </summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/6744288319789502676/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/08/como-usar-html.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/6744288319789502676'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/6744288319789502676'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/08/como-usar-html.html' title='Como usar HTML?'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiujoa5-p5n6OLpg7WvlTmqbefQKK3ebqK-WN5S2e5MzPmAh6BrXvpxf2liCpOKov6Bsu-YjlmsWS81IhAsghvPeyjG5g6dqizEUddSaxKWuKUuDnsXwHpriRVIr3reRV5vFyZn3YRkdX5C/s72-c/estructura-etiquetas.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-5788968071798956374</id><published>2010-06-16T02:12:00.000-07:00</published><updated>2010-06-16T02:38:35.737-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="introduccion"/><title type='text'>Introduccion a HTML</title><summary type="text">Descripción 



Las páginas Web están hechas generalmente con el lenguaje HTML. 

Las paginas Web HTML son paginas Web estáticas, es decir, el contenido de sus paginas Web no cambia, solo si usted las edita manualmente cada vez que quiera realizar un cambio.

En estos casos, si usted tiene en Internet sus paginas Web HTML, y quiere mostrar mas información, nuevos videos, imágenes, etc., usted </summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/5788968071798956374/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/introduccion-html.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/5788968071798956374'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/5788968071798956374'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/introduccion-html.html' title='Introduccion a HTML'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFex3T1jK8kWGw7sbApNK5T2aNQhMCEeNyLtZOZCIGRWsuQWi7f6ASF2zRjajw8P6PlDM0aPuiMtEa8blFwjEEQN0JgdXTtlqwg9MWs-Qd0XL1jtMeWCm3HXv3vdpGGUSIzacNqGfsaaIM/s72-c/logo-html.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-6682117779889988039</id><published>2010-06-08T02:05:00.001-07:00</published><updated>2010-06-09T02:17:42.733-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="apariencia pagina web"/><title type='text'>Cambiar el color de fondo y de la letra de la pagina Web</title><summary type="text">Color de fondo de la pagina Web

Para cambiar el color de fondo de nuestra pagina Web, usaremos el atributo &quot;bgcolor&quot; de la etiqueta &amp;lt;body&amp;gt;.

Ejemplo:

&amp;lt;html&amp;gt;
&amp;nbsp;&amp;lt;head&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;lt;title&amp;gt; Color de fondo de la pagina &amp;lt;/title&amp;gt;
&amp;nbsp;&amp;lt;/head&amp;gt;

&amp;nbsp;&amp;lt;body bgcolor=&quot;purple&quot;&amp;gt;
&amp;nbsp;&amp;nbsp;Mi pagina Web con color de fondo
&amp;nbsp;&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;

</summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/6682117779889988039/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/color-de-fondo-y-color-de-letra-de-la.html#comment-form' title='3 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/6682117779889988039'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/6682117779889988039'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/color-de-fondo-y-color-de-letra-de-la.html' title='Cambiar el color de fondo y de la letra de la pagina Web'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-5007304531069459663</id><published>2010-06-08T01:46:00.001-07:00</published><updated>2010-06-08T01:51:42.382-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="estructurar texto"/><title type='text'>Saltos de linea</title><summary type="text">Descripcion

Para incluir una nueva línea en un punto y forzar a que el texto que sigue se muestre en la línea inferior, se utiliza la etiqueta &amp;lt;br/&amp;gt;. En cierta manera, insertar la etiqueta &amp;lt;br/&amp;gt; en un determinado punto del texto equivale a presionar la tecla ENTER (o Intro) en ese mismo punto.


Ejemplos:

&amp;lt;p&amp;gt; Este primer párrafo no contiene saltos de línea ni otro tipo de </summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/5007304531069459663/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/saltos-de-linea.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/5007304531069459663'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/5007304531069459663'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/saltos-de-linea.html' title='Saltos de linea'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-7903225645038681192</id><published>2010-06-08T01:30:00.001-07:00</published><updated>2010-06-08T01:36:18.614-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="distribuir paginas web"/><title type='text'>Marcos</title><summary type="text">Introduccion

Los frames (marcos o cuadros) permiten dividir la ventana en varias más pequeñas, de modo que en cada una de ellas se carga una página HTML distinta. Las versiones más antiguas de los navegadores no tienen implementada esta característica, por lo que no podrán verlos.

Los frames, nos permiten partir la ventana del navegador en diferentes áreas. Cada una de estas áreas son </summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/7903225645038681192/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/marcos.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/7903225645038681192'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/7903225645038681192'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/marcos.html' title='Marcos'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-5433048639469673925</id><published>2010-06-07T00:47:00.001-07:00</published><updated>2010-06-07T00:51:36.027-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="formularios"/><title type='text'>Formularios</title><summary type="text">Introduccion

HTML es un lenguaje de marcado cuyo propósito principal consiste en estructurar los contenidos de los documentos y páginas web. Sin embargo, HTML también incluye elementos para crear aplicaciones web. El estándar HTML permite crear formularios para que los usuarios interactúen con las aplicaciones web.

Los formularios nos permiten solicitar información a los usuarios para </summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/5433048639469673925/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/formularios.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/5433048639469673925'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/5433048639469673925'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/formularios.html' title='Formularios'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-7383522154092330547</id><published>2010-06-07T00:16:00.001-07:00</published><updated>2010-06-07T00:20:43.540-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="elementos html"/><title type='text'>Tablas</title><summary type="text">Introduccion

Desde sus primeras versiones, HTML incluyó el soporte para crear tablas de datos en las páginas web. Además de ser sencillo, el modelo definido por HTML es muy flexible y bastante completo.

Las tablas en HTML utilizan los mismos conceptos de filas, columnas, cabeceras y títulos que los que se utilizan en cualquier otro entorno de publicación de documentos.

Las tablas de HTML puede</summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/7383522154092330547/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/tablas.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/7383522154092330547'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/7383522154092330547'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/tablas.html' title='Tablas'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-2608570530981702123</id><published>2010-06-06T00:56:00.001-07:00</published><updated>2010-06-06T01:00:03.678-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="elementos html"/><title type='text'>Enlaces</title><summary type="text">IntroduccionEl lenguaje de marcado HTML se definió teniendo en cuenta algunas de las características que existían en ese momento para la publicación digital de contenidos. Entre los conceptos utilizados en su creación, se encuentra el mecanismo de &quot;hipertexto&quot;.La incorporación del hipertexto fue una de las claves del éxito del lenguaje HTML, ya que permitió crear documentos interactivos que </summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/2608570530981702123/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/enlaces.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/2608570530981702123'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/2608570530981702123'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/enlaces.html' title='Enlaces'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-5462462051397971534</id><published>2010-06-06T00:29:00.001-07:00</published><updated>2010-06-06T00:31:07.551-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="elementos html"/><title type='text'>Imagenes</title><summary type="text">Introduccion Las imágenes son uno de los elementos más importantes de las páginas web. De hecho, prácticamente todas las páginas web contienen alguna imagen y la mayoría incluyen decenas de imágenes. Objetivos 1. Conocer como insertar imagenes a nuestras paginas Web.2. Conocer como cambiar el tamano de las imagenes.3. Conocer como aplicar borde a las imagenes. Insertar imagen Para insertar una </summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/5462462051397971534/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/imagenes.html#comment-form' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/5462462051397971534'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/5462462051397971534'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/imagenes.html' title='Imagenes'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-1635886045638914803</id><published>2010-06-06T00:10:00.001-07:00</published><updated>2010-08-03T20:27:00.875-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="formatear texto"/><title type='text'>Cambiar el tipo de letra, el tamaño y color al texto</title><summary type="text">Introduccion

Ademas de los estilos del texto, HTML ofrece la posibilidad de cambiar el color, tamano y tipo de letra del texto.

Objetivos

1. Conocer como cambiar el color del texto.
2. Conocer como cambiar el tamano del texto.
3. Conocer como cambiar el tipo de letra del texto.

Color

HTML ofrece la posibilidad de cambiar de color el texto para mejorar la presentacion de nuestra informacion. </summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/1635886045638914803/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/cambiar-el-tipo-de-letra-el-tamano-y.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/1635886045638914803'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/1635886045638914803'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/cambiar-el-tipo-de-letra-el-tamano-y.html' title='Cambiar el tipo de letra, el tamaño y color al texto'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRr_0RblxEenCGmbZK_oBitNixlqj9WYzjVUCPxOV4w_gAIZ3OyckegA2jUQDtFGgbiYkuKb3EvGDOprXSnZJRWj0Ws1zvN2hFd3VZVC-1G-O2xikPlMGRiz584k0uLEucVfX-QWiiRjoF/s72-c/results-formato-texto.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-6682337686479360110</id><published>2010-06-05T23:55:00.001-07:00</published><updated>2010-08-03T19:48:06.515-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="formatear texto"/><title type='text'>Estilos del texto</title><summary type="text">Introduccion

Una vez estructurado el texto en párrafos, encabezados y listas, el siguiente paso es aplicar los diferentes&amp;nbsp;estilos&amp;nbsp;que componen el texto.

Objetivos

1. Conocer los diferentes estilos que se le puede aplicar al texto de nuestras paginas Web.

Descripcion

Las etiquetas de estilo afectan a palabras o carácteres dentro de HTML, modificando el aspecto del texto para que sea</summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/6682337686479360110/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/texto-con-estilo.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/6682337686479360110'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/6682337686479360110'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/texto-con-estilo.html' title='Estilos del texto'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj04eZ5e183GxO97Lx1EZCQFby6VwLkc-nVPnx0pg8k9FQinXz3WqTgyLCmWUymT_g26vFylP-btiUR7ONyTFiRqN4vrdQYoQEDJ2W4-ldhhiukmlX9oacPZ9E5y-dDKDv0IE_859cox4Ak/s72-c/results-estilos-texto.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-8493039147464612236</id><published>2010-06-05T00:59:00.001-07:00</published><updated>2010-08-10T00:08:37.774-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="estructurar texto"/><title type='text'>Listas</title><summary type="text">Introduccion

En ocasiones, es posible agrupar determinadas palabras o frases en un conjunto de elementos que tienen más significado de forma conjunta. El menú de navegación de un sitio web por ejemplo, está formado por un grupo de palabras. Aunque cada palabra por separado tiene sentido, de forma conjunta constituyen el menú de navegación de la página, por lo que su significado conjunto es mayor</summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/8493039147464612236/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/listas_05.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/8493039147464612236'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/8493039147464612236'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/listas_05.html' title='Listas'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDgKlGJdKgj_rt9ozyiQEISGdV1BiAW4EMK9GO8zngPmdwjNd_cwn5GD3pCU4eOwdlIrw4nNOTf9XKyo0y_weJc0gn8L8RYTGYKN8XMGkLcSCVfUwTluMGbDG_KmlJpJwelZGtFWR9t1IW/s72-c/results-lista-no-ordenada.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-7350990800825964433</id><published>2010-06-05T00:25:00.000-07:00</published><updated>2010-08-09T23:41:04.001-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="estructurar texto"/><title type='text'>Parrafos</title><summary type="text">Introducción

La forma más sencilla de estructurar un texto consiste en separarlo por párrafos. Además, HTML permite incluir encabezados que los delimiten.


Descripción

Para delimitar el texto como un párrafo, se encierra ese texto con la etiqueta &amp;lt;p&amp;gt;. 

Ejemplo:

&amp;lt;p&amp;gt; Mi primer parrafo &amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt; Mi segundo parrafo &amp;lt;/p&amp;gt;
Los párrafos creados con HTML son elementos de </summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/7350990800825964433/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/parrafos.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/7350990800825964433'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/7350990800825964433'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/parrafos.html' title='Parrafos'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0v0U0r6v9VMYnJV_3CvSpx0ZV0NYKkLvlwJEFj3vxVfq637PANGiMqccduQ03hLtPjs4Vlota9EkhCnoVuzGXu3LbvEKXwKjhIs65-VqgjOgswwecQz33p8NrHNUr2P3wBDcqyJH6pAQK/s72-c/results-parrafos.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6570574594559714905.post-333704263264618102</id><published>2010-06-04T22:27:00.000-07:00</published><updated>2010-08-01T23:46:07.613-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="introduccion"/><title type='text'>Crear paginas Web HTML con bloc de notas</title><summary type="text">Descripcion 

Para crear paginas Web HTML no es necesario&amp;nbsp;usar software especial, con solo el bloc de notas es sufiente para crear tus paginas Web. Siga los siguientes pasos para crear sus paginas Web con bloc de notas:

Pasos 

Paso 1 - Abrir un nuevo documento de texto (bloc de notas)


Paso 2 - Escribir el codigo base&amp;nbsp;HTML

&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
&amp;lt;title&amp;gt;&amp;nbsp; &amp;lt;/title&amp;gt;</summary><link rel='replies' type='application/atom+xml' href='http://paginaswebconhtml.blogspot.com/feeds/333704263264618102/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/mi-primera-pagina-web.html#comment-form' title='3 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/333704263264618102'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6570574594559714905/posts/default/333704263264618102'/><link rel='alternate' type='text/html' href='http://paginaswebconhtml.blogspot.com/2010/06/mi-primera-pagina-web.html' title='Crear paginas Web HTML con bloc de notas'/><author><name>ingenieroMike</name><uri>http://www.blogger.com/profile/14367783959584233879</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIXr067XehnRaPeS0TRC8AO6iXcsv41Bz03SodfCGtWjFMgesrMr4y89oM-L7ZrcjjSI6DFQOzduH-UYpWugM_BXGflmKEB6N5xwADzm6exZx22LRVwa2kGgtqn-x9o39K4dngSAFUdBfv/s72-c/new-web-page1.jpg" height="72" width="72"/><thr:total>3</thr:total></entry></feed>