Mudei para:
http://alegomesbr.wordpress.com
Visitem! =)
segunda-feira, 16 de agosto de 2010
domingo, 28 de março de 2010
HTML Parte 3
Olá a todos,
Vamos dar continuidade aos nossos posts de HTML!
No último falamos sobre alinhamento: esquerda, centralizado e direita. O alinhamento justificado ficará para depois, quando falarmos de CSS.
Este post abordará mais três tags de formatação de texto: negrito <B>, itálico<I> e sublinhado<U>.
Antes de dar continuidade, é importante destacar que estas tags de formatação, em posts futuros, serão deixadas de lado por estilos em CSS. De qualquer forma, é importante ter conhecimento destas tags, pois elas quebram um galhão em alguns momentos! =P
Abaixo segue um exemplo de utilização dessas três tags:
Que tem como resultado:
(clique na imagem para ampliar)
Como você pode observar, é possível juntar tags em uma mesma linha. No exemplo acima, todas as tags de formatação estavam acompanhadas de tags de parágrafo. Assim, ficou ali definido que o texto obedecerá as regras de parágrafo e será escrito em negrito, itálico ou sublinhado.
É importante observar também o esquema de fechamento das tags. Observe que elas fecham "do último para o primeiro". Assim, a primeira tag a ser fechada é a última que foi aberta e assim sucessivamente.
Você também pode fazer com que um texto tenha mais de uma formatação: negrito e sublinhado, negrito e itálico, negrito, itálico e sublinhado,...
(clique na imagem para ampliar)
O resultado:
(clique na imagem para ampliar)
E você também pode aplicar as propriedades de alinhamento junto com a combinação de formatações que desejar! =)
(clique na imagem para ampliar)
O código acima ficaria:
(clique na imagem para ampliar)
Assim, você pode concluir que o HTML é um conjunto de tags que podem ser combinadas entre si de acordo com o resultado que se desejar... EXATAMENTE! É só pensar em uma combinação maluca de idéias e aplicar no HTML! =)
Parágrafos possuem outros tipos de formatação como tipo de fonte, tamanho, cores,... mas essas nós iremos conhecer em posts de CSS. Motivo: manter a elegância, organização e limpeza de seu código!
Até o próximo post! =)
Vamos dar continuidade aos nossos posts de HTML!
No último falamos sobre alinhamento: esquerda, centralizado e direita. O alinhamento justificado ficará para depois, quando falarmos de CSS.
Este post abordará mais três tags de formatação de texto: negrito <B>, itálico<I> e sublinhado<U>.
Antes de dar continuidade, é importante destacar que estas tags de formatação, em posts futuros, serão deixadas de lado por estilos em CSS. De qualquer forma, é importante ter conhecimento destas tags, pois elas quebram um galhão em alguns momentos! =P
Abaixo segue um exemplo de utilização dessas três tags:
<HTML>
<HEAD>
<TITLE>
Formatação de textos: negrito, itálico e
sublinhado
</TITLE>
</HEAD>
<BODY>
<P><B> Texto em negrito </B></P>
<P><I> Texto em itálico </I></P>
<P><U> Texto em sublinhado </U></P>
</BODY>
</HTML>
Que tem como resultado:
(clique na imagem para ampliar)
Como você pode observar, é possível juntar tags em uma mesma linha. No exemplo acima, todas as tags de formatação estavam acompanhadas de tags de parágrafo. Assim, ficou ali definido que o texto obedecerá as regras de parágrafo e será escrito em negrito, itálico ou sublinhado.
É importante observar também o esquema de fechamento das tags. Observe que elas fecham "do último para o primeiro". Assim, a primeira tag a ser fechada é a última que foi aberta e assim sucessivamente.
Você também pode fazer com que um texto tenha mais de uma formatação: negrito e sublinhado, negrito e itálico, negrito, itálico e sublinhado,...
(clique na imagem para ampliar)
O resultado:
(clique na imagem para ampliar)
E você também pode aplicar as propriedades de alinhamento junto com a combinação de formatações que desejar! =)
(clique na imagem para ampliar)
O código acima ficaria:
(clique na imagem para ampliar)
Assim, você pode concluir que o HTML é um conjunto de tags que podem ser combinadas entre si de acordo com o resultado que se desejar... EXATAMENTE! É só pensar em uma combinação maluca de idéias e aplicar no HTML! =)
Parágrafos possuem outros tipos de formatação como tipo de fonte, tamanho, cores,... mas essas nós iremos conhecer em posts de CSS. Motivo: manter a elegância, organização e limpeza de seu código!
Até o próximo post! =)
terça-feira, 23 de março de 2010
HTML Parte 2
Olá Pessoal,
Vamos dar continuidade aos nossos posts de HTML.
Após conhecer as tags de parágrafo <P> e título <TITLE> que são internas as tags do corpo <BODY> e cabeçalho <HEAD>, respectivamente, vamos conhecer uma propriedade da tag de parágrafo <P> : alinhamento.
Antes de falar da propriedade do parágrafo, vamos falar da diferença entre tag e propriedade.
tag: é o elemento que indica qual estrutura HTML será implementada naquela página web.
propriedade: é uma característica, uma qualidade referente a tag.
Dessa forma, vamos conhecer uma propriedade da tag de parágrafo <P> : alinhamento.
O padrão do HTML é dispor todos os seus parágrafos à esquerda da página web, mas se você quiser centralizado ou a direita? Você aplicará a propriedade align. Veja o exemplo abaixo:
Salve este arquivo como meusite2.html e visualize. Você terá o seguinte resultado:
(clique na imagem para ampliar)
Prontinho! Até o próximo post! =)
Vamos dar continuidade aos nossos posts de HTML.
Após conhecer as tags de parágrafo <P> e título <TITLE> que são internas as tags do corpo <BODY> e cabeçalho <HEAD>, respectivamente, vamos conhecer uma propriedade da tag de parágrafo <P> : alinhamento.
Antes de falar da propriedade do parágrafo, vamos falar da diferença entre tag e propriedade.
tag: é o elemento que indica qual estrutura HTML será implementada naquela página web.
propriedade: é uma característica, uma qualidade referente a tag.
Dessa forma, vamos conhecer uma propriedade da tag de parágrafo <P> : alinhamento.
O padrão do HTML é dispor todos os seus parágrafos à esquerda da página web, mas se você quiser centralizado ou a direita? Você aplicará a propriedade align. Veja o exemplo abaixo:
<HTML>
<HEAD>
<TITLE> Alinhamento de paráfrafos </TITLE>
</HEAD>
<BODY>
<P align="center"> Parágrafo centralizado </P>
<P align="right"> Parágrafo alinhado à direita </P>
<P align="left"> Parágrafo alinhado à esquerda </P>
</BODY>
</HTML>
Salve este arquivo como meusite2.html e visualize. Você terá o seguinte resultado:
(clique na imagem para ampliar)
Prontinho! Até o próximo post! =)
segunda-feira, 15 de março de 2010
HTML Parte 1
Bom, vamos começar pela linguagem base da internet: HTML (HyperText Markup Language - Linguagem de Marcação de Hipertexto).
Não importa o quão sofisticado é um site. Não importa qual tecnologia foi utilizada para o seu desenvolvimento. Sempre haverá algumas linhas de html por trás dele! Por isso é importante que você, que tem vontade de programar para web, tenha pelo menos uma noção básica de HTML.
O cabeçalho é responsável pel
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
Cada um desses elementos representa uma tag, como descrito a seguir:
<HTML> e </HTML> -> tags de início e fim do site HTML
<HEAD> e </HEAD> -> tags de início e fim do cabeçalho
<BODY> e </BODY> -> tags de início e fim do corpo
Dessa forma, deu para notar que a tag de fim nada mais é do que a tag de início precedida de uma barra, certo?
Bom, e do que mais você precisa para fazer uma página web? Conhecer uma boa quantidade de tags e seus significados. Assim, toda vez que você precisar inserir uma imagem numa página, por exemplo, você saberá qual tag poderá fazer o que você quer.
Então vamos fechar essa primeira parte do HTML com mais duas tags: título e parágrafo.
A tag de título <TITLE> é responsável pelo título do site! Intuitivo, não?
Sua localização é sempre no cabeçalho.
A tag de parágrafo <P> é responsável pelos parágrafos do site. Outra vez intuitivo!
Dessa forma, num primeiro exemplo, poderíamos ter um site codificado da seguinte forma:
<HTML>
<HEAD>
<TITLE>
.:Tudo de Programação:.
</TITLE>
</HEAD>
<BODY>
<P>
Aqui no http://tudodeprogramacao.blogspot.com/
você encontra aulas de HTML e outras linguagens!
</P>
</BODY>
</HTML>
Entre as tags de início e fim, é colocado o texto que se deseja apresentar na tela. Para ver na prática, digite o código HTML acima em um bloco de notas e salve o arquivo com extensão *.html (exemplo: meusite.html). Depois é só ir na pasta onde o arquivo foi salvo e dar duplo clique. Seu site está feito! =)
(clique na imagem para ampliar)
domingo, 14 de março de 2010
Primeiro Post
Olá pessoal,
A proposta aqui é postar alguns códigos de diversas linguagens de programação que possam ajudar vocês. Qualquer coisa é só perguntar! =)
Abraços
A proposta aqui é postar alguns códigos de diversas linguagens de programação que possam ajudar vocês. Qualquer coisa é só perguntar! =)
Abraços
Assinar:
Postagens (Atom)
