<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Manual Web &#187; DreamWeaver</title>
	<atom:link href="http://www.manualweb.net/tag/dreamweaver/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.manualweb.net</link>
	<description>www.manualweb.net</description>
	<lastBuildDate>Tue, 27 Sep 2011 11:37:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Introducción al HTML</title>
		<link>http://www.manualweb.net/html/introduccion-al-html/</link>
		<comments>http://www.manualweb.net/html/introduccion-al-html/#comments</comments>
		<pubDate>Fri, 20 Mar 2009 23:00:46 +0000</pubDate>
		<dc:creator>manualweb</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Blogger]]></category>
		<category><![CDATA[CoffeCup HTML Editor]]></category>
		<category><![CDATA[DreamWeaver]]></category>
		<category><![CDATA[editor de texto]]></category>
		<category><![CDATA[Google Page Creator]]></category>
		<category><![CDATA[HotMetal Pro]]></category>
		<category><![CDATA[Microsoft Expression]]></category>
		<category><![CDATA[navegador]]></category>
		<category><![CDATA[NoteTab]]></category>
		<category><![CDATA[ultraedit]]></category>
		<category><![CDATA[w3c]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WYSIWYG]]></category>

		<guid isPermaLink="false">http://www.manualweb.net/articulo/introduccion-al-html/</guid>
		<description><![CDATA[¿Qué es el HTML? ¿Quién define el HTML? Herramientas para crear código HTML Editores de Texto Herramientas WYSIWYG Herramientas On-Line Artículos relacionados ¿Qué es el HTML? HTML significa HyperText Markup Langauage. Es un lenguaje para crear páginas web mediante el uso de etiquetas. Dentro de este lenguaje, se puede incluir texto, imágenes, elementos multimedia, enlaces [...]]]></description>
			<content:encoded><![CDATA[<div class="toc">
<ol>
<li><a href="http://www.manualweb.net/html/introduccion-al-html/#toc-qu-es-el-html">¿Qué es el HTML?</a></li>
<li><a href="http://www.manualweb.net/html/introduccion-al-html/#toc-quin-define-el-html">¿Quién define el HTML?</a></li>
<li><a href="http://www.manualweb.net/html/introduccion-al-html/#toc-herramientas-para-crear-cdigo-html">Herramientas para crear código HTML</a>
<ol>
<li><a href="http://www.manualweb.net/html/introduccion-al-html/#toc-editores-de-texto">Editores de Texto</a></li>
<li><a href="http://www.manualweb.net/html/introduccion-al-html/#toc-herramientas-wysiwyg">Herramientas WYSIWYG</a></li>
<li><a href="http://www.manualweb.net/html/introduccion-al-html/#toc-herramientas-on-line">Herramientas On-Line</a></li>
</ol>
</li>
<li><a href="http://www.manualweb.net/html/introduccion-al-html/#toc-artculos-relacionados">Artículos relacionados</a></li>
</ol>
</div>
<h3 id="toc-qu-es-el-html">¿Qué es el HTML?</h3>
<p>HTML significa HyperText Markup Langauage. Es un lenguaje para crear páginas web mediante el uso de etiquetas. Dentro de este lenguaje, se puede incluir texto, imágenes, elementos multimedia, enlaces a otras páginas y elementos,...</p>
<p>Los navegadores o browsers serán los encargados de leer e interpretar el lenguaje HTML de las páginas web con el fin de configurar la forma gráfica de la página.</p>
<p>Una de las características del lenguaje HTML son los enlaces. Los enlaces nos permiten establecer navegaciones de una página web a otra. Esto es lo que hace diferente al HTML de otros formatos como Microsoft Word, PDF,...</p>
<h3 id="toc-quin-define-el-html">¿Quién define el HTML?</h3>
<p>El organismo que gestiona la especificación del lenguaje HTML es <a href="http://www.w3c.org" title="W3C" target="_new">W3C (Word Wide Web Consortium)</a>. La última versión del <a href="http://www.w3.org/TR/html401/" title="Estandar HTML 4.01" target="_new">estándar es HTML 4.01</a> (24 de diciembre de 1999).</p>
<p>Si bien en un principio se pensó que el HTML fuese un lenguaje portable en su totalidad a diferentes maquinas, ya fuesen MAC, UNIX,... hoy en día cada empresa ha ido generando sus variaciones sobre los estándares, por lo que puede suceder que haya algunas etiquetas que no sean visualizados por algunos navegadores o se visualicen de diferente forma.</p>
<p>Esto implica que cuando desarrollemos una página web, nos veamos obligados a escribir código específico para alguno de los navegadores, así como a realizar un testing sobre las diferentes plataformas/navegadores, asegurando la compatibilidad de nuestra web.</p>
<h3 id="toc-herramientas-para-crear-cdigo-html">Herramientas para crear código HTML</h3>
<p>Las páginas HTML son nada más que texto plano. Es por ello que, para crearlas, simplemente necesitemos de la ayuda de un editor o procesador de textos.</p>
<h4 id="toc-editores-de-texto">Editores de Texto</h4>
<p>Puedes utilizar cualquier editor de texto. El Notepad o WordPad de Microsoft Windows, <a href="http://www.idmcomp.com/" title="UltraEdit" target="_new">UltraEdit</a>, <a href="http://www.notetab.com/" title="NoteTab" target="_new">NoteTab</a>,...</p>
<h4 id="toc-herramientas-wysiwyg">Herramientas WYSIWYG</h4>
<p>Si bien, existe otra alternativa que es el utilizar herramientas WYSIWYG (Why You See Is What You Get). Estas herramientas nos proporcionaran un interface gráfico para poder montar la página web, ocultándonos el código HTML que se genera por debajo. Si bien, estas herramientas, casi siempre, nos dejarán editar el código HTML generado.</p>
<p>Algunos ejemplos de herramientas:</p>
<ul>
<li><a href="http://www.coffeecup.com/html-editor/" title="CoffeCup HTML Editor" target="_new">CoffeCup HTML Editor</a></li>
<li><a href="http://www.hotmetalpro.com/" title="HotMetal Pro" target="_new">HoTMetal Pro</a></li>
<li><a href="http://www.adobe.com/es/products/dreamweaver/" title="DreamWeaver" target="_new">DreamWeaver</a></li>
<li><a href="http://www.microsoft.com/expression/" title="Microsoft Expression" target="_new">Microsoft Expression</a></li>
</ul>
<h4 id="toc-herramientas-on-line">Herramientas On-Line</h4>
<p>Ahora está muy de moda el crear la página web desde una herramienta on-line. Es decir, desde una página web. Este tipo de sitios te permiten dos cosas: por un lado crear tu página web de forma gráfica y por otro almacenarla (en muchos casos de forma gratuita) para que la pueda visualizar la gente.</p>
<p>Algunos de estos sitios son:</p>
<ul>
<li><a href="http://pages.google.com/" title="Google Page Creator" target="_new">Google Page Creator</a></li>
<li><a href="http://geocities.yahoo.com/" title="Yahoo! Geocities" target="_new">Yahoo! Geocities</a></li>
<li>Sitios de blogs (<a href="http://www.wordpress.org" title="WordPress" target="_new">WordPress</a>, <a href="http://www.blogger.com/" title="Blogger" target="_new">Blogger</a>,...)</li>
</ul>
<h3 id="toc-artculos-relacionados">Artículos relacionados</h3>
<ul>
<li><a href="http://html.conclase.net/w3c/html401-es/cover.html" title="HTML 4.01 en español">Traducción al español de la especificación HTML 4.01</a></li>
<li><a href="http://www.desarrolloweb.com/articulos/534.php" title="Introducción al HTML de Desarrollo Web">Introducción al HTML de Desarrollo Web</a></li>
</ul>

<div class="sociable">
<div class="sociable_tagline">
<strong>Comparteme:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.manualweb.net%2Fhtml%2Fintroduccion-al-html%2F&amp;title=Introducci%C3%B3n%20al%20HTML&amp;bodytext=%0A%C2%BFQu%C3%A9%20es%20el%20HTML%3F%0A%C2%BFQui%C3%A9n%20define%20el%20HTML%3F%0AHerramientas%20para%20crear%20c%C3%B3digo%20HTML%0AEditores%20de%20Texto%0AHerramientas%20WYSIWYG%0AHerramientas%20On-Line%0AArt%C3%ADculos%20relacionados%0D%0A%C2%BFQu%C3%A9%20es%20el%20HTML%3F%0D%0AHTML%20significa%20HyperText%20Markup%20Langauage.%20Es%20un%20lenguaje%20para%20" title="Digg"><img src="http://www.manualweb.net/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://sphinn.com/index.php?c=post&amp;m=submit&amp;link=http%3A%2F%2Fwww.manualweb.net%2Fhtml%2Fintroduccion-al-html%2F" title="Sphinn"><img src="http://www.manualweb.net/wp-content/plugins/sociable/images/sphinn.png" title="Sphinn" alt="Sphinn" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fwww.manualweb.net%2Fhtml%2Fintroduccion-al-html%2F&amp;title=Introducci%C3%B3n%20al%20HTML&amp;notes=%0A%C2%BFQu%C3%A9%20es%20el%20HTML%3F%0A%C2%BFQui%C3%A9n%20define%20el%20HTML%3F%0AHerramientas%20para%20crear%20c%C3%B3digo%20HTML%0AEditores%20de%20Texto%0AHerramientas%20WYSIWYG%0AHerramientas%20On-Line%0AArt%C3%ADculos%20relacionados%0D%0A%C2%BFQu%C3%A9%20es%20el%20HTML%3F%0D%0AHTML%20significa%20HyperText%20Markup%20Langauage.%20Es%20un%20lenguaje%20para%20" title="del.icio.us"><img src="http://www.manualweb.net/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.manualweb.net%2Fhtml%2Fintroduccion-al-html%2F&amp;t=Introducci%C3%B3n%20al%20HTML" title="Facebook"><img src="http://www.manualweb.net/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://www.mixx.com/submit?page_url=http%3A%2F%2Fwww.manualweb.net%2Fhtml%2Fintroduccion-al-html%2F&amp;title=Introducci%C3%B3n%20al%20HTML" title="Mixx"><img src="http://www.manualweb.net/wp-content/plugins/sociable/images/mixx.png" title="Mixx" alt="Mixx" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.manualweb.net%2Fhtml%2Fintroduccion-al-html%2F&amp;title=Introducci%C3%B3n%20al%20HTML&amp;annotation=%0A%C2%BFQu%C3%A9%20es%20el%20HTML%3F%0A%C2%BFQui%C3%A9n%20define%20el%20HTML%3F%0AHerramientas%20para%20crear%20c%C3%B3digo%20HTML%0AEditores%20de%20Texto%0AHerramientas%20WYSIWYG%0AHerramientas%20On-Line%0AArt%C3%ADculos%20relacionados%0D%0A%C2%BFQu%C3%A9%20es%20el%20HTML%3F%0D%0AHTML%20significa%20HyperText%20Markup%20Langauage.%20Es%20un%20lenguaje%20para%20" title="Google Bookmarks"><img src="http://www.manualweb.net/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fwww.manualweb.net%2Fhtml%2Fintroduccion-al-html%2F&amp;title=Introducci%C3%B3n%20al%20HTML" title="Live"><img src="http://www.manualweb.net/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  href="http://meneame.net/submit.php?url=http%3A%2F%2Fwww.manualweb.net%2Fhtml%2Fintroduccion-al-html%2F" title="Meneame"><img src="http://www.manualweb.net/wp-content/plugins/sociable/images/meneame.png" title="Meneame" alt="Meneame" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.manualweb.net/html/introduccion-al-html/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

