<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10portuguesefull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" gd:etag="W/&quot;DkYBRH47eSp7ImA9WhVSF04.&quot;"><id>tag:blogger.com,1999:blog-6880651780842526917</id><updated>2012-03-14T11:09:15.001-03:00</updated><category term="CSS" /><category term="HTML" /><title>Maik Basso - Web Designer e Programador</title><subtitle type="html">Compartilhando conhecimento com o mundo</subtitle><link rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml" href="http://www.maikbasso.com.br/feeds/posts/default" /><link rel="alternate" type="text/html" href="http://www.maikbasso.com.br/" /><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://1.bp.blogspot.com/_CWlzaNs1weg/TDZTBLaY8PI/AAAAAAAAAAM/lXNacn5S3YQ/S220/Maik.jpg" /></author><generator version="7.00" uri="http://www.blogger.com">Blogger</generator><openSearch:totalResults>13</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/maikbasso" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="maikbasso" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><link rel="license" type="text/html" href="http://creativecommons.org/licenses/by-nc-sa/3.0/" /><logo>http://creativecommons.org/images/public/somerights20.gif</logo><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">maikbasso</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://add.my.yahoo.com/rss?url=http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://feeds.my.aol.com/add.jsp?url=http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://o.aolcdn.com/favorites.my.aol.com/webmaster/ffclient/webroot/locale/en-US/images/myAOLButtonSmall.gif">Subscribe with My AOL</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.bloglines.com/sub/http://feeds.feedburner.com/maikbasso" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.plusmo.com/add?url=http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://plusmo.com/res/graphics/fbplusmo.gif">Subscribe with Plusmo</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.thefreedictionary.com/_/hp/AddRSS.aspx?http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://img.tfd.com/hp/addToTheFreeDictionary.gif">Subscribe with The Free Dictionary</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.bitty.com/manual/?contenttype=rssfeed&amp;contentvalue=http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://www.bitty.com/img/bittychicklet_91x17.gif">Subscribe with Bitty Browser</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.live.com/?add=http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://tkfiles.storage.msn.com/x1piYkpqHC_35nIp1gLE68-wvzLZO8iXl_JMledmJQXP-XTBOLfmQv4zhj4MhcWEJh_GtoBIiAl1Mjh-ndp9k47If7hTaFno0mxW9_i3p_5qQw">Subscribe with Live.com</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://mix.excite.eu/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://image.excite.co.uk/mix/addtomix.gif">Subscribe with Excite MIX</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.webwag.com/wwgthis.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://www.webwag.com/images/wwgthis.gif">Subscribe with Webwag</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.podcastready.com/oneclick_bookmark.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://www.podcastready.com/images/podcastready_button.gif">Subscribe with Podcast Ready</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.wikio.com/subscribe?url=http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://www.wikio.com/shared/img/add2wikio.gif">Subscribe with Wikio</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.dailyrotation.com/index.php?feed=http%3A%2F%2Ffeeds.feedburner.com%2Fmaikbasso" src="http://www.dailyrotation.com/rss-dr2.gif">Subscribe with Daily Rotation</feedburner:feedFlare><entry gd:etag="W/&quot;CEEFQ38zfSp7ImA9WhVSEk8.&quot;"><id>tag:blogger.com,1999:blog-6880651780842526917.post-7128369686839039636</id><published>2012-03-08T12:57:00.000-03:00</published><updated>2012-03-08T13:03:32.185-03:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-03-08T13:03:32.185-03:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML" /><title>Efeito de movimento com marquee</title><summary>



Um efeito muito interessante no HTML é a possibilidade de colocar elementos, imagens e textos em movimento, utilizando uma simples tag e alguns comandos.
A tag que tem a função de colocar movimento no HTML é a tag marquee.
Exemplo:

&lt;marquee&gt; 
      Aqui vai o conteúdo que ficará em movimento! 
&lt;/marquee&gt;


Comandos
Alguns comandos de controle podem ser aplicados a tag marquee para melhorar o</summary><link rel="replies" type="application/atom+xml" href="http://www.maikbasso.com.br/feeds/7128369686839039636/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://www.maikbasso.com.br/2012/03/efeito-de-movimento-com-marquee.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/7128369686839039636?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/7128369686839039636?v=2" /><link rel="alternate" type="text/html" href="http://www.maikbasso.com.br/2012/03/efeito-de-movimento-com-marquee.html" title="Efeito de movimento com marquee" /><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://1.bp.blogspot.com/_CWlzaNs1weg/TDZTBLaY8PI/AAAAAAAAAAM/lXNacn5S3YQ/S220/Maik.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-VSRwK1xHe98/T1jWOFM9wWI/AAAAAAAAAdg/uR5zrZ6zDTE/s72-c/13.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;DEUASHsyeCp7ImA9WhVTFkw.&quot;"><id>tag:blogger.com,1999:blog-6880651780842526917.post-5978425728110294374</id><published>2012-03-01T12:37:00.000-03:00</published><updated>2012-03-01T12:37:29.590-03:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-03-01T12:37:29.590-03:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="CSS" /><title>CSS Reset</title><summary>



Todos os navegadores WEB possuem estilos CSS pré-definidos para alguns elementos HTML. Esses valores podem variar de um navegador para outro, o que dificulta muito o alinhamento de certos elementos em nosso código.
Para resolver este problema temos a disposição um método conhecido por CSS Reset. Este método consiste em zerar certas propriedades CSS para unificar os estilos de todos os </summary><link rel="replies" type="application/atom+xml" href="http://www.maikbasso.com.br/feeds/5978425728110294374/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://www.maikbasso.com.br/2012/03/css-reset.html#comment-form" title="2 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/5978425728110294374?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/5978425728110294374?v=2" /><link rel="alternate" type="text/html" href="http://www.maikbasso.com.br/2012/03/css-reset.html" title="CSS Reset" /><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://1.bp.blogspot.com/_CWlzaNs1weg/TDZTBLaY8PI/AAAAAAAAAAM/lXNacn5S3YQ/S220/Maik.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-8m2C7xDg9rY/T0-W3LSwGkI/AAAAAAAAAdY/XeKa5XfQUhA/s72-c/12.png" height="72" width="72" /><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;A0MMSHY6fip7ImA9WhVTEE0.&quot;"><id>tag:blogger.com,1999:blog-6880651780842526917.post-2645047733141484262</id><published>2012-02-23T13:04:00.001-02:00</published><updated>2012-02-23T13:04:49.816-02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-23T13:04:49.816-02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="CSS" /><title>Comentários em CSS</title><summary>



Assim como no HTML, também é possível colocar comentários em um código CSS, proporcionando uma melhor compreensão do código ou até mesmo permitindo uma localização mais rápida a certas classes e regras CSS.
A sintaxe de um comentário CSS é composta de uma barra (/) seguida de dois asteriscos (*) e por fim coloca-se uma outra barra para se encerrar o comentário. O texto do comentário deve ser </summary><link rel="replies" type="application/atom+xml" href="http://www.maikbasso.com.br/feeds/2645047733141484262/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://www.maikbasso.com.br/2012/02/comentarios-em-css.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/2645047733141484262?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/2645047733141484262?v=2" /><link rel="alternate" type="text/html" href="http://www.maikbasso.com.br/2012/02/comentarios-em-css.html" title="Comentários em CSS" /><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://1.bp.blogspot.com/_CWlzaNs1weg/TDZTBLaY8PI/AAAAAAAAAAM/lXNacn5S3YQ/S220/Maik.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-DSfmDEYQHCk/T0ZVMIOGIuI/AAAAAAAAAdI/ozi0oyQKk3Q/s72-c/11.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;DEQGR3Y7fip7ImA9WhRaFE0.&quot;"><id>tag:blogger.com,1999:blog-6880651780842526917.post-9084929476284662643</id><published>2012-02-16T13:32:00.000-02:00</published><updated>2012-02-16T13:32:06.806-02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-16T13:32:06.806-02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="CSS" /><title>Lista de propriedades CSS</title><summary>



Como havia prometido que publicaria uma lista de propriedades CSS, decidi fazê-lo logo.
As propriedades CSS se encontram em uma tabela em um documento HTML e são referentes às versões 1, 2 e 3 do CSS. Nesta tabela também estão especificadas suas funções e seus possíveis valores. Cada propriedade também conta com um exemplo para facilitar a compreensão.
A tabela não contém todas as </summary><link rel="replies" type="application/atom+xml" href="http://www.maikbasso.com.br/feeds/9084929476284662643/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://www.maikbasso.com.br/2012/02/lista-de-propriedades-css.html#comment-form" title="2 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/9084929476284662643?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/9084929476284662643?v=2" /><link rel="alternate" type="text/html" href="http://www.maikbasso.com.br/2012/02/lista-de-propriedades-css.html" title="Lista de propriedades CSS" /><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://1.bp.blogspot.com/_CWlzaNs1weg/TDZTBLaY8PI/AAAAAAAAAAM/lXNacn5S3YQ/S220/Maik.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-1ST3tRzXAjQ/Tz0gWMcz-zI/AAAAAAAAAdA/7xig9LRVBos/s72-c/10.png" height="72" width="72" /><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;CkQEQnk9fCp7ImA9WhRbGEk.&quot;"><id>tag:blogger.com,1999:blog-6880651780842526917.post-3917455002025026447</id><published>2012-02-09T17:39:00.001-02:00</published><updated>2012-02-10T00:18:23.764-02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-10T00:18:23.764-02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="CSS" /><category scheme="http://www.blogger.com/atom/ns#" term="HTML" /><title>Introdução ao CSS</title><summary>



CSS ou Folha de Estilos em Cascata é uma linguagem de estilização de documentos Web. Com o CSS, por exemplo, é possível colocar como fundo de um elemento HTML, uma imagem, uma cor ou um gradiente.

A sintaxe do CSS
Uma declaração CSS é denominada regra. Um conjunto de regras aplicadas a um mesmo elemento recebe o nome de classe. Um conjunto de classes e regras CSS recebe o nome de folha de </summary><link rel="replies" type="application/atom+xml" href="http://www.maikbasso.com.br/feeds/3917455002025026447/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://www.maikbasso.com.br/2012/02/introducao-ao-css.html#comment-form" title="2 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/3917455002025026447?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/3917455002025026447?v=2" /><link rel="alternate" type="text/html" href="http://www.maikbasso.com.br/2012/02/introducao-ao-css.html" title="Introdução ao CSS" /><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://1.bp.blogspot.com/_CWlzaNs1weg/TDZTBLaY8PI/AAAAAAAAAAM/lXNacn5S3YQ/S220/Maik.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-7K2ql1_ufvw/TzQgMeI2-HI/AAAAAAAAAc4/vQ0hCH56yac/s72-c/9.png" height="72" width="72" /><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;Ak8MSHw4fSp7ImA9WhRbEUU.&quot;"><id>tag:blogger.com,1999:blog-6880651780842526917.post-7316139543874549712</id><published>2012-02-02T11:21:00.000-02:00</published><updated>2012-02-02T11:21:29.235-02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-02T11:21:29.235-02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML" /><title>Comentários em HTML</title><summary>



Quando o nosso código HTML se torna muito grande, fica muito fácil nos perdermos nele. É por isso que existem os comentários em HTML.
Comentários em HTML são citações de texto que ajudam o programador a se localizar em seu código. Esses comentários não são exibidos ao usuário final, sendo somente possível visualizá-los através do código HTML da página.
A sintaxe dos comentários HTML é muito </summary><link rel="replies" type="application/atom+xml" href="http://www.maikbasso.com.br/feeds/7316139543874549712/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://www.maikbasso.com.br/2012/02/comentarios-em-html.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/7316139543874549712?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/7316139543874549712?v=2" /><link rel="alternate" type="text/html" href="http://www.maikbasso.com.br/2012/02/comentarios-em-html.html" title="Comentários em HTML" /><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://1.bp.blogspot.com/_CWlzaNs1weg/TDZTBLaY8PI/AAAAAAAAAAM/lXNacn5S3YQ/S220/Maik.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-2pTMwI63bSY/TyqNQ6FRuUI/AAAAAAAAAcw/RFLhUnQbwgc/s72-c/8.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;DUENRno8fCp7ImA9WhRUFUU.&quot;"><id>tag:blogger.com,1999:blog-6880651780842526917.post-4217436222799503191</id><published>2012-01-26T12:21:00.000-02:00</published><updated>2012-01-26T12:21:37.474-02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-26T12:21:37.474-02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML" /><title>Construindo formulários em HTML</title><summary>




Os formulários em HTML são utilizados para a coleta de dados do usuário, que após podem ser manipulados com a utilização de outras linguagens como PHP. Um exemplo muito comum de um formulário em HTML é o formulário de cadastro de usuários de e-mail, cujo mesmo possui campos para nome, sobrenome, data de nascimento e etc.
Os formulários são indispensáveis em nosso dia-a-dia, para se ter uma </summary><link rel="replies" type="application/atom+xml" href="http://www.maikbasso.com.br/feeds/4217436222799503191/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://www.maikbasso.com.br/2012/01/construindo-formularios-em-html.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/4217436222799503191?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/4217436222799503191?v=2" /><link rel="alternate" type="text/html" href="http://www.maikbasso.com.br/2012/01/construindo-formularios-em-html.html" title="Construindo formulários em HTML" /><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://1.bp.blogspot.com/_CWlzaNs1weg/TDZTBLaY8PI/AAAAAAAAAAM/lXNacn5S3YQ/S220/Maik.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-IWONlpnbHbY/TyFgpC1P35I/AAAAAAAAAcc/V82KqZZvJ5M/s72-c/7.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;C0QAQX8zeyp7ImA9WhRUEEw.&quot;"><id>tag:blogger.com,1999:blog-6880651780842526917.post-938203011856103418</id><published>2012-01-19T20:06:00.000-02:00</published><updated>2012-01-19T20:15:40.183-02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-19T20:15:40.183-02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML" /><title>Tabelas em HTML</title><summary>



Tabelas são muito usadas na organização de dados e informações, mas além deste propósito, as tabelas em HTML são muito utilizadas na construção de web sites. Por exemplo, podemos criar uma tabela com três linhas, sendo uma para o cabeçalho do site, outra para o conteúdo e a última para o rodapé do site.

Estrutura de uma tabela
Para criar tabelas, vamos utilizar a tag &lt;table&gt; que define uma </summary><link rel="replies" type="application/atom+xml" href="http://www.maikbasso.com.br/feeds/938203011856103418/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://www.maikbasso.com.br/2012/01/tabelas-em-html.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/938203011856103418?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/938203011856103418?v=2" /><link rel="alternate" type="text/html" href="http://www.maikbasso.com.br/2012/01/tabelas-em-html.html" title="Tabelas em HTML" /><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://1.bp.blogspot.com/_CWlzaNs1weg/TDZTBLaY8PI/AAAAAAAAAAM/lXNacn5S3YQ/S220/Maik.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-lYflIQKmduE/TxiTTkbnGOI/AAAAAAAAAcM/gN8QnezT5xo/s72-c/6.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;D0ANRX46fCp7ImA9WhRVE0Q.&quot;"><id>tag:blogger.com,1999:blog-6880651780842526917.post-182450402334235290</id><published>2012-01-12T17:16:00.000-02:00</published><updated>2012-01-12T17:16:34.014-02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-12T17:16:34.014-02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML" /><title>Listas em HTML</title><summary>



As listas em HTML não são usadas somente para organizar textos de forma numerada ou em tópicos, elas são usadas principalmente para criação de menus de navegação para web sites.
Existem vários tipos de listas em HTML. São eles:

Listas do tipo marcador
Este tipo de lista é o mais usado, possuindo o mesmo efeito dos conhecidos marcadores dos editores de texto mais populares, e também é o tipo </summary><link rel="replies" type="application/atom+xml" href="http://www.maikbasso.com.br/feeds/182450402334235290/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://www.maikbasso.com.br/2012/01/listas-em-html.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/182450402334235290?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/182450402334235290?v=2" /><link rel="alternate" type="text/html" href="http://www.maikbasso.com.br/2012/01/listas-em-html.html" title="Listas em HTML" /><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://1.bp.blogspot.com/_CWlzaNs1weg/TDZTBLaY8PI/AAAAAAAAAAM/lXNacn5S3YQ/S220/Maik.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-yZ_T9w2R4q8/Tw8vOGqJM7I/AAAAAAAAAcE/sB5_P2pPh4Y/s72-c/005.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;CkcGR38-eyp7ImA9WhRWGEQ.&quot;"><id>tag:blogger.com,1999:blog-6880651780842526917.post-1920321296374667816</id><published>2012-01-06T01:40:00.001-02:00</published><updated>2012-01-06T20:47:06.153-02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-06T20:47:06.153-02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML" /><title>Links em HTML</title><summary>



Links são "atalhos", ou seja, são botões em forma de texto ou imagem que contém o endereço para outras páginas Web e também para outros documentos, possibilitando aos usuários acessá-las com apenas um click.

Criando um link:
A tag que tem a função de criar links é a tag &lt;a&gt;. Para informar o endereço do link ao navegador Web vamos utilizar o comando href.
Exemplo:

&lt;a href="Seu link aqui"&gt;Seu</summary><link rel="replies" type="application/atom+xml" href="http://www.maikbasso.com.br/feeds/1920321296374667816/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://www.maikbasso.com.br/2012/01/links-em-html.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/1920321296374667816?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/1920321296374667816?v=2" /><link rel="alternate" type="text/html" href="http://www.maikbasso.com.br/2012/01/links-em-html.html" title="Links em HTML" /><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://1.bp.blogspot.com/_CWlzaNs1weg/TDZTBLaY8PI/AAAAAAAAAAM/lXNacn5S3YQ/S220/Maik.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-yovSqqDi758/TwdJazrJbeI/AAAAAAAAAb8/g3ipflTbuVc/s72-c/004.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;DkQMRH47eip7ImA9WhRWGEs.&quot;"><id>tag:blogger.com,1999:blog-6880651780842526917.post-2673888915026566897</id><published>2011-12-29T17:56:00.001-02:00</published><updated>2012-01-06T13:39:45.002-02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-01-06T13:39:45.002-02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML" /><title>Inserindo e manipulando imagens em uma página HTML</title><summary>



Para começar precisamos ter uma imagem. Eu irei utilizar a imagem acima que criei no Fireworks.
Primeiramente, devemos saber alguns dados importantes sobre a imagem, tais como, tamanho em píxeis (altura e largura), nome e extensão (JPG, GIF, PNG).
Veja os dados da imagem acima:

Tamanho: 300px X 300px
Nome: minha_imagem
Extensão: .png

Inserindo imagens:
A tag utilizada para se inserir </summary><link rel="replies" type="application/atom+xml" href="http://www.maikbasso.com.br/feeds/2673888915026566897/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://www.maikbasso.com.br/2011/12/inserindo-e-manipulando-imagens-em-uma.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/2673888915026566897?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/2673888915026566897?v=2" /><link rel="alternate" type="text/html" href="http://www.maikbasso.com.br/2011/12/inserindo-e-manipulando-imagens-em-uma.html" title="Inserindo e manipulando imagens em uma página HTML" /><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://1.bp.blogspot.com/_CWlzaNs1weg/TDZTBLaY8PI/AAAAAAAAAAM/lXNacn5S3YQ/S220/Maik.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-WcnDCWCjxUc/TvzHXHo9twI/AAAAAAAAAb0/2kz8LMfBfwY/s72-c/003.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;CUYCQnw_eyp7ImA9WhRaFkU.&quot;"><id>tag:blogger.com,1999:blog-6880651780842526917.post-5666175101892992325</id><published>2011-12-21T13:08:00.001-02:00</published><updated>2012-02-19T18:26:03.243-02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-19T18:26:03.243-02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML" /><title>Formatando textos com HTML</title><summary>



Hoje vou ensinar a vocês como formatar textos em HTML. Lembrando que utilizaremos algumas tags de formatação padrão dos navegadores e não utilizaremos CSS ainda, este será o assunto de outra postagem.
Anteriormente, aprendemos como criar uma página HTML e inserir um texto ou uma frase que apareceria no navegador Web de forma não formatada. Então chegamos ao seguinte código:

&lt;!DOCTYPE html&gt;
&lt;</summary><link rel="replies" type="application/atom+xml" href="http://www.maikbasso.com.br/feeds/5666175101892992325/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://www.maikbasso.com.br/2011/12/formatando-textos-com-html.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/5666175101892992325?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/5666175101892992325?v=2" /><link rel="alternate" type="text/html" href="http://www.maikbasso.com.br/2011/12/formatando-textos-com-html.html" title="Formatando textos com HTML" /><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://1.bp.blogspot.com/_CWlzaNs1weg/TDZTBLaY8PI/AAAAAAAAAAM/lXNacn5S3YQ/S220/Maik.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-pkYz04hgK70/TvH5xeniOhI/AAAAAAAAAbU/_MouBT55I3Y/s72-c/002.png" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;CUYESHwzfCp7ImA9WhRaFkU.&quot;"><id>tag:blogger.com,1999:blog-6880651780842526917.post-8870101349938742241</id><published>2011-12-15T19:16:00.001-02:00</published><updated>2012-02-19T18:25:09.284-02:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-19T18:25:09.284-02:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="HTML" /><title>Introdução ao HTML e estrutura básica</title><summary>



HTML (HyperText Markup Language, em português, Linguagem de Marcação de Hipertexto), é uma linguagem de programação utilizada na construção de web sites, blogs entre outros.
Arquivos HTML são interpretados por navegadores Web, tais como, Mozilla Firefox, Google Chrome, Internet Explorer, Opera entre outros.
Sem dúvida alguma, o HTML é a linguagem de programação mais fácil de aprender.

</summary><link rel="replies" type="application/atom+xml" href="http://www.maikbasso.com.br/feeds/8870101349938742241/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://www.maikbasso.com.br/2011/12/introducao-ao-html-e-estrutura-basica.html#comment-form" title="2 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/8870101349938742241?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/6880651780842526917/posts/default/8870101349938742241?v=2" /><link rel="alternate" type="text/html" href="http://www.maikbasso.com.br/2011/12/introducao-ao-html-e-estrutura-basica.html" title="Introdução ao HTML e estrutura básica" /><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://1.bp.blogspot.com/_CWlzaNs1weg/TDZTBLaY8PI/AAAAAAAAAAM/lXNacn5S3YQ/S220/Maik.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-QH323R2ESI8/TupoU0yVj0I/AAAAAAAAAa8/1SB085AWZe4/s72-c/html.png" height="72" width="72" /><thr:total>2</thr:total></entry></feed>

