<?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>Renan Lima &#187; HTML</title>
	<atom:link href="http://www.renanlima.com/blog/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.renanlima.com/blog</link>
	<description>Empreendedorismo, SEO, tecnologia e motivação</description>
	<lastBuildDate>Tue, 08 Nov 2011 16:09:05 +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>Curso de Web 006: Introdução ao CSS</title>
		<link>http://www.renanlima.com/blog/html-introducao-ao-css/</link>
		<comments>http://www.renanlima.com/blog/html-introducao-ao-css/#comments</comments>
		<pubDate>Sun, 30 Dec 2007 20:06:28 +0000</pubDate>
		<dc:creator>Renan Lima</dc:creator>
				<category><![CDATA[Curso de Web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[tableless]]></category>
		<category><![CDATA[video aula]]></category>

		<guid isPermaLink="false">http://www.renanlima.com/blog/2007/12/30/html-introducao-ao-css/</guid>
		<description><![CDATA[Nesta vídeo aula vamos ter o primeiro contato com o CSS. Vamos ver como aplicar o css em uma pagina web. Como esta video aula é bem extensa tive que dividi-la em duas partes. Se quiser saber mais sobre CSS, veja esta pagina no wikipedia: http://pt.wikipedia.org/wiki/CSS Parte 1 Duração: 8 minutos Parte 2 Duração: 8 [...]]]></description>
			<content:encoded><![CDATA[<p>Nesta vídeo aula vamos ter o primeiro contato com o CSS. Vamos ver como aplicar o css em uma pagina web.</p>
<p>Como esta video aula é bem extensa tive que dividi-la em duas partes.</p>
<blockquote><p>Se quiser saber mais sobre CSS, veja esta pagina no wikipedia: <a title="Sobre CSS" href="http://pt.wikipedia.org/wiki/CSS" target="_blank">http://pt.wikipedia.org/wiki/CSS</a></p></blockquote>
<p><strong>Parte 1</strong><br />
<em>Duração:</em> 8 minutos<br />
<object width="425" height="344" data="http://www.youtube.com/v/3i2DBT9loBg&amp;hl=pt-br&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="src" value="http://www.youtube.com/v/3i2DBT9loBg&amp;hl=pt-br&amp;fs=1" /><param name="allowfullscreen" value="true" /></object></p>
<p><strong>Parte 2</strong><br />
<em>Duração:</em> 8 minutos<br />
<object width="425" height="344" data="http://www.youtube.com/v/F9F8Hu5wKrU&amp;hl=pt-br&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="src" value="http://www.youtube.com/v/F9F8Hu5wKrU&amp;hl=pt-br&amp;fs=1" /><param name="allowfullscreen" value="true" /></object></p>
<p style="padding-left: 30px;"><a href="http://www.renanlima.com/blog/?p=162">Ver aula 007</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.renanlima.com/blog/html-introducao-ao-css/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>Curso de Web 005 &#8211; HTML: Trabalhando com Tabelas</title>
		<link>http://www.renanlima.com/blog/curso-de-web-005-html-trabalhando-com-tabelas/</link>
		<comments>http://www.renanlima.com/blog/curso-de-web-005-html-trabalhando-com-tabelas/#comments</comments>
		<pubDate>Thu, 13 Dec 2007 10:50:55 +0000</pubDate>
		<dc:creator>Renan Lima</dc:creator>
				<category><![CDATA[Curso de Web]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[video aula de html]]></category>
		<category><![CDATA[video aulas]]></category>

		<guid isPermaLink="false">http://www.renanlima.com/blog/2007/12/13/curso-de-web-005-html-trabalhando-com-tabelas/</guid>
		<description><![CDATA[Chegamos com mais uma video aula sobre HTML, dessa vez vamos trabalhar com tabelas. Lembre-se de que para aprender a programar você precisa praticar muito, até se sentir confortavel em fazer tal tarefa. Assim que terminar de assistir este vídeo, pratique muito HTML e teste diversas formas. Na programação você aprende muito com erros cometidos, [...]]]></description>
			<content:encoded><![CDATA[<p>Chegamos com mais uma video aula sobre HTML, dessa vez vamos trabalhar com  tabelas.</p>
<p>Lembre-se de que para aprender a programar você precisa praticar muito, até se sentir confortavel em fazer tal tarefa.</p>
<p>Assim que terminar de assistir este vídeo, pratique  muito HTML e teste diversas formas.<br />
Na programação você aprende muito com erros cometidos, então é  melhor você errar no treinamento do que em um projeto, pois assim perderia tempo e talvez não terminasse o mesmo dentro de seu prazo.</p>
<p>Tente fazer uma tabela com 5 colunas e 3 linhas, depois misture com as tags aprendidas nas aulas anterior.</p>
<p><object width="425" height="344" data="http://www.youtube.com/v/DG7DJeMNcsg&amp;hl=pt-br&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="src" value="http://www.youtube.com/v/DG7DJeMNcsg&amp;hl=pt-br&amp;fs=1" /><param name="allowfullscreen" value="true" /></object></p>
<p style="padding-left: 30px;"><a href="http://www.renanlima.com/blog/?p=128">Ver aula 006</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.renanlima.com/blog/curso-de-web-005-html-trabalhando-com-tabelas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML &#8211; Trabalhando com Tabelas</title>
		<link>http://www.renanlima.com/blog/html-video-aula-trabalhando-com-tabelas/</link>
		<comments>http://www.renanlima.com/blog/html-video-aula-trabalhando-com-tabelas/#comments</comments>
		<pubDate>Fri, 07 Dec 2007 15:02:40 +0000</pubDate>
		<dc:creator>Renan Lima</dc:creator>
				<category><![CDATA[Curso de Web]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[tabelas]]></category>
		<category><![CDATA[video aula]]></category>
		<category><![CDATA[videoaula]]></category>

		<guid isPermaLink="false">http://www.renanlima.com/blog/2007/12/07/html-video-aula-trabalhando-com-tabelas/</guid>
		<description><![CDATA[Quem nunca usou tabelas acha inicialmente um trabalho difícil, mas é muito simples, basta praticar bastante. Pensando bem, para você aprender qualquer coisa é necessário que você pratica muito.Deixo aí para vocês a video aula:]]></description>
			<content:encoded><![CDATA[<p>Quem nunca usou tabelas acha inicialmente um trabalho difícil, mas é muito simples, basta praticar bastante. Pensando bem,  para você aprender qualquer coisa é necessário que você pratica muito.Deixo aí para vocês a video aula:</p>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/DG7DJeMNcsg&#038;hl=pt-br&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/DG7DJeMNcsg&#038;hl=pt-br&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.renanlima.com/blog/html-video-aula-trabalhando-com-tabelas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML &#8211; Primeiros passos</title>
		<link>http://www.renanlima.com/blog/html-primeiros-passos/</link>
		<comments>http://www.renanlima.com/blog/html-primeiros-passos/#comments</comments>
		<pubDate>Thu, 06 Dec 2007 12:47:24 +0000</pubDate>
		<dc:creator>Renan Lima</dc:creator>
				<category><![CDATA[Curso de Web]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[video aula]]></category>
		<category><![CDATA[videoaula]]></category>

		<guid isPermaLink="false">http://www.renanlima.com/blog/2007/12/06/html-primeiros-passos/</guid>
		<description><![CDATA[Nesta video aula vamos fazer nossa primeira página web, usando o Bloco de notas. Vamos trabalhar com diversas tags que vimos no Curso de Web 003.Escolhi não colocar no blog o código usado no vídeo, para que vocês os memorizem. Agora as videoaulas estão com Audio. Veja abaixo a video-aula:]]></description>
			<content:encoded><![CDATA[<p>Nesta video aula vamos fazer nossa primeira página web, usando o Bloco de notas. Vamos trabalhar com diversas tags que vimos no <a href="http://www.renanlima.com/blog/2007/11/22/curso-de-web-3/" title="Curso de Web 003">Curso de Web 003</a>.Escolhi não colocar no blog o código usado no vídeo, para que vocês os memorizem.</p>
<blockquote><p>Agora as videoaulas estão com Audio. <img src='http://www.renanlima.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p></blockquote>
<p>Veja abaixo a video-aula:</p>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/1Rps6RY-LDo&#038;hl=pt-br&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/1Rps6RY-LDo&#038;hl=pt-br&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.renanlima.com/blog/html-primeiros-passos/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Curso de Web 003 &#8211; Conhecendo novas Tags</title>
		<link>http://www.renanlima.com/blog/curso-de-web-3/</link>
		<comments>http://www.renanlima.com/blog/curso-de-web-3/#comments</comments>
		<pubDate>Thu, 22 Nov 2007 12:01:50 +0000</pubDate>
		<dc:creator>Renan Lima</dc:creator>
				<category><![CDATA[Curso de Web]]></category>
		<category><![CDATA[aprender html]]></category>
		<category><![CDATA[estudo]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.renanlima.com/blog/2007/11/22/curso-de-web-3/</guid>
		<description><![CDATA[Hoje, em nossa 003 web-aula vamos conhecer algumas tags html. Abra seu editor preferido e escreva: WEB 2.0 É brincadeira. Alias, você sabe o que é web 2.0? Se quiser saber mais a respeito: http://pt.wikipedia.org/wiki/Web_2.0 Voltemos a nossa aula. Vou falar agora de algumas tags importantes do html. &#60;br /&#62; Quebra de linha &#60;p&#62; &#60;/p&#62; [...]]]></description>
			<content:encoded><![CDATA[<p>Hoje, em nossa 003 web-aula vamos conhecer algumas tags html.</p>
<blockquote>
<p class="MsoNormal">Abra seu editor preferido e escreva: WEB 2.0 <img src='http://www.renanlima.com/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /><br />
É brincadeira. Alias, você sabe o que é web 2.0?</p>
<p>Se quiser saber mais a respeito: <a href="http://pt.wikipedia.org/wiki/Web_2.0">http://pt.wikipedia.org/wiki/Web_2.0</a></p>
</blockquote>
<p>Voltemos a nossa aula. Vou falar agora de algumas tags importantes do html.</p>
<p class="MsoNormal"><strong><span style="color: #008000;">&lt;br /&gt;</span></strong><span><strong> </strong> </span>Quebra de linha</p>
<p class="MsoNormal"><strong><span style="color: #008000;">&lt;p&gt; &lt;/p&gt;</span></strong> Parágrafo</p>
<p class="MsoNormal"><span lang="EN-US"><strong><span style="color: #008000;">&lt;b&gt; &lt;/b&gt; </span></strong>Negrito</span></p>
<p class="MsoNormal"><span lang="EN-US"><strong><span style="color: #008000;">&lt;strong&gt; &lt;/strong&gt;</span></strong> Negrito</span></p>
<p class="MsoNormal"><strong><span style="color: #008000;">&lt;i&gt; &lt;/i&gt;</span></strong> Italico</p>
<p class="MsoNormal"><strong><span style="color: #008000;">&lt;em&gt; &lt;/em&gt;</span></strong> Italico</p>
<p class="MsoNormal"><strong><span style="color: #008000;">&lt;span&gt; &lt;/span&gt;</span></strong> É utilizada para a configuração de trechos de parágrafos, muito usado com o css quando você quer mudar as propriedades de um elemento neutro.</p>
<p class="MsoNormal"><strong>&lt;div&gt; &lt;/div&gt;</strong><span> </span>Bloco contêiner que vamos utilizar muito durante nosso trabalho. Sem o css, o uso da div é inútil.</p>
<p class="MsoNormal"><strong><span style="color: #008000;">&lt;blockquote&gt; &lt;/blockquote&gt;<span> </span></span></strong>É o responsável por dar um efeito de endentação, como se você teclasse o TAB no Word, mas este pega em todo o bloco de texto.</p>
<p class="MsoNormal">
<p class="MsoNormal">Essas tags são as mais usadas. No decorrer das aulas vamos ver mais tags.<br />
Agora vou escrever um código que use todos essas tags.</p>
<blockquote>
<p class="MsoNormal">Obs: Não vamos usar o Span nem a Div antes de vermos o Css. Por tanto, veremos estes bem em breve.</p>
</blockquote>
<p class="MsoNormal">Coloque o código abaixo em seu editor de HTML e salve-o como html para ver o resultado.</p>
<blockquote>
<p class="MsoNormal"><span lang="EN-US">&lt;html&gt;</span></p>
<p class="MsoNormal"><span lang="EN-US">&lt;head&gt;</span></p>
<p class="MsoNormal"><span lang="EN-US">&lt;title&gt;Testando Tags HTML&lt;/title&gt;</span></p>
<p class="MsoNormal">&lt;/head&gt;</p>
<p class="MsoNormal">&lt;body&gt;</p>
<p class="MsoNormal">Estamos aqui usando diversas tags, testamos agora o &lt;b&gt;negrito&lt;/b&gt; e o &lt;i&gt;itálico&lt;/i&gt;.&lt;br /&gt;</p>
<p class="MsoNormal">&lt;p&gt; Vemos também a tag parágrafo, muito utilizada para organizar um texto. &lt;/p&gt;</p>
<p class="MsoNormal">&lt;blockquote&gt;</p>
<p class="MsoNormal">O blockquote é muio interessante, perceba que ele dá um espaço parágrafo em todo o texto, não só na primeira linha como a tag parágrafo. Muito útil esta tag.</p>
<p class="MsoNormal">&lt;/blockquote&gt;</p>
<p class="MsoNormal">&lt;/body&gt;</p>
<p class="MsoNormal">&lt;/html&gt;</p>
</blockquote>
<p>Testou em seu navegador?</p>
<p>Você deve estar vendo algo semelhante a  isto:</p>
<p><a class="highslide" title="fora.jpg" onclick="return hs.expand(this)" href="http://www.renanlima.com/blog/wp-content/uploads/2007/11/fora.jpg"><img class="imageframe imgalignleft" src="http://www.renanlima.com/blog/wp-content/uploads/2007/11/fora.jpg" border="0" alt="fora.jpg" width="500" height="95" /></a></p>
<p>Faça seus testes e veja a melhor forma de usá-los. Qualquer dúvida é só postar aqui no blog.</p>
<p style="padding-left: 30px;"><a href="http://www.renanlima.com/blog/?p=106">veja a aula 004</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.renanlima.com/blog/curso-de-web-3/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

