<?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>Padrões Web e CSS - Caio J Ruman &#187; Artigos</title>
	<atom:link href="http://www.caioruman.com/blog/category/artigos/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.caioruman.com/blog</link>
	<description>Padrões Web, CSS, SEO e derivados</description>
	<lastBuildDate>Thu, 22 May 2008 01:25:45 +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>Deselvolvimento seguindo os Padrões Web</title>
		<link>http://www.caioruman.com/blog/deselvolvimento-seguindo-os-padroes-web-05-21/</link>
		<comments>http://www.caioruman.com/blog/deselvolvimento-seguindo-os-padroes-web-05-21/#comments</comments>
		<pubDate>Thu, 22 May 2008 01:23:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Artigos]]></category>
		<category><![CDATA[Tableless]]></category>
		<category><![CDATA[artigo]]></category>
		<category><![CDATA[padrões web]]></category>

		<guid isPermaLink="false">http://www.caioruman.com/blog/deselvolvimento-seguindo-os-padroes-web-05-21/</guid>
		<description><![CDATA[Primeiro uma aulinha básica sobre html, suas principais tags e seus usos. Principais tags, ou as tags mais usadas: div: como o nome indica, é um elemento que fará a divisão de algo. É um elemento sem significado algum (isso é importante) e do tipo block. Tio, Tio, o que é esse tipo block. Pequeno [...]]]></description>
			<content:encoded><![CDATA[<p>Primeiro uma aulinha básica sobre html, suas principais tags e seus usos.</p>
<p>Principais tags, ou as tags mais usadas:</p>
<p><strong>div:</strong> como o nome indica, é um elemento que fará a divisão de algo. É um elemento sem significado algum (isso é importante) e do tipo block.</p>
<p class="clearfix" style="font-style: italic;"><img src='http://www.caioruman.com/blog/wp-content/uploads/2008/05/pergunta.jpg' alt='Tenho uma Pergunta!' class="img-left" /> Tio, Tio, o que é esse tipo block. Pequeno padawan, continue lendo até o final da lista dos elementos mais usados que depois eu explico tudo.</p>
<p><strong>span:</strong> Outro elemento que faz divisão de algo. É um elemento sem significado algum e do tipo inline.</p>
<p><strong>p:</strong> O elemento p é um parágrafo. É usado para fazer&#8230; <strong>Parágrafos</strong>!! É um elemento do tipo block.</p>
<p><strong>h1, h2, h3, h4, h5 e h6:</strong> O h vem da palavra Header. Cabeçalho. Eles são usados para títulos. Só deve existir <strong>1</strong> h1 na página, normalmente o nome do site + uma pequena descrição ou a descrição mais importante do site. É o título mais importante. A ordem de importância vai caindo conforme os números. O uso do h2 até o h6 requer somente o bom sendo. Elemento do tipo block.<br />
ex: h2 &#8211; títulos de seções, h3 &#8211; categorias, titulos de páginas internas, h4 &#8211; subtítulos de paginas internas</p>
<p><strong>table:</strong> Tabelas. Serve para usar em dados tabulares. elemento do tipo block.<br />
thead, tbody, tfoot, th: table head, table body, table footer, table header. Servem para dar sentido a tabela. E para ter mais liberdade na hora de aplicar o css. </p>
<p><strong>a:</strong> Vem da palavra anchor, âncora. É um link. Altura padrão: 14px. elemento do tipo inline.</p>
<p><strong>img:</strong> Imagem. elemento do tipo inline.</p>
<p><strong>Listas:</strong> <a href="http://www.autisticcuckoo.net/archive.php?id=2007/08/07/lists" title="Explicação sobre listas">Por favor, leia esse artigo</a> Ele explica tudo sobre listas de uma forma simples e eficiente.</p>
<p class="clearfix" style="font-style: italic;"><img src='http://www.caioruman.com/blog/wp-content/uploads/2008/05/pergunta.jpg' alt='Tenho uma Pergunta!' class="img-left" /> Tio, Tio, mas eu não sei inglês Tio. Bem, problema seu <img src='http://www.caioruman.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  O mercado de trabalho é cruel, pequeno Padawan, boa sorte.</p>
<p>Como estou de bom humor, um resumo do resumo:</p>
<p><strong>Listas:</strong> Se não faz sentido ter bullets perto de um item, então não é uma lista.</p>
<p>São 3 tipos de lista:<br />
dl (definition list)<br />
ol (ordered list)<br />
ul (unordered list)</p>
<p>dl: <strong>Atualmente</strong> é usado para qualquer tipo de par item-valor(es). Detalhe para o negrito em atualmente.</p>
<p>ul e ol: Se trocando a ordem dos itens também se troca o sentido da lista, então é uma lista ordenada. Caso não troque o sentido, é uma lista não-ordenada.</p>
<p>ex:<br />
ul &#8211; Ingredientes de uma receita<br />
ol &#8211; Descrição de como preparar uma receita<br />
dl &#8211; FAQ da receita</p>
<p>fim do resumo</p>
<p>Com isso termina a lista dos elementos mais usados.</p>
<p class="clearfix" style="font-style: italic;"><img src='http://www.caioruman.com/blog/wp-content/uploads/2008/05/pergunta.jpg' alt='Tenho uma Pergunta!' class="img-left" /> Tio, Tio, mas só isso? Sim, só isso. Simples, não?</p>
<p>Semana que vem tem mais!</p>
<p>Cenas dos próximos capítulos:</p>
<p>- Semântica<br />
- Simplicidade. Quanto mais simples e enxuto, melhor e mais fácil será trabalhar no código.<br />
- Diferença entre display: inline e display: block;<br />
- Principais bugs do IE6 e seus fixes;<br />
- Porque usar em, o que é em.<br />
- Nomenclatura de classe e IDs</p>
<p>Críticas e Sugestões? Comente!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.caioruman.com/blog/deselvolvimento-seguindo-os-padroes-web-05-21/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

