terça-feira, 31 de janeiro de 2012

Tags Básicas de Html para blogueiros iniciantes

Em Html as tags são códigos utilizados para criar páginas na web, são usados em pares, ou seja sempre existe uma tag de abertura que inicia com "<" e termina com ">", e uma tag de fechamento que inicia com "</" e ? com encerra com ">".
O código html é delimitado pelas tags <HTML> E </HTML>, ou seja, nada pode vir antes de <HTML> e nem depois de </HTML>.
A tag html geralmente vem seguida das tags de cabeçalho <HEAD> e </HEAD e e das tags <BODY> e </BODY> sendo estas últimas onde ficarão o corpo da página (textos, tabelas, camadas, etc).
A estrutura de uma página Web básica fica assim:
<HTML>
<HEAD>
<TITLE>Título do blog</TITLE>
</HEAD>
<BODY>
Corpo do Blog
</BODY>
</HTML>
A tag <TITLE> e </TITLE> determinam o título do blog, qualquer texto escrito entre essas tags serão exibidos na barra título do navegador.

Algumas tags para formatação:

Precisaremos mais que essas simples tags para criar uma página na web.

Vejamos mais algumas delas:

<BR> - Serve para criarmos uma quebra de linha, como se tivessemos apertado "ENTER". É a única a qual não precisa vir em par.

<P> - É uma quebra de parágrafo, quando usada deixa uma linha em branco.

<B> ou <STRONG> - muda a formatação do texto para negrito.

<I> - muda a formatação do texto para itálico.

<U> - muda a formatação do texto para sublinhado.

<S> - risca o texto no meio.

<BIG> e <SMALL> - Alteram o tamanho da fonte.

<HR> - Insere uma linha horizontal.

Inserindo um link em um texto
Para inserir um link em um texto é muito simples, o código utilizado é o seguinte:

<A HREF="http//linkdesejado" TARGET="_blank">texto do
link</A>
Onde HREF determina qual o link desejado e TARGET onde o link será aberto, neste caso foi escolhido abrir o link em um nova janela (_blank), também poderia vir atribuido como _self (mesma janela), _parente (quadro pai) ou algum quadro com nome personalizado.

Caso o link seja um email dentro do atribulo HREF deverá ficar "mailto:" (sem as aspas), seguido do email desejado.

<A HREF="mailto:teste@hotmail.com" TARGET="_blank">Email</A>

Inserindo uma imagem
Para inserir uma imagem usamos a tag <IMG>, essa tag também não precisa ser fechada assim como a tag <BR>. Vejamos:
<IMG SRC="/IMAGENS/FOTO.JPG" ALT="FOTO DE TESTE">
Em SRC deve ter colocado o caminho para onde se encontra a imagem, e ALT é um atributo opcional, mas de grande utilidade, pois quando a foto não for carregada o texto a susbtituirá.

Para inserir um link numa imagem basta colocar o código da imagem entre as tags </A>. Ficando assim:
<A HREF="http://link.com.br" TARGET="_blank"><IMG SRC="/IMAGENS/FOTO.JPG" ALT="FOTO DE TESTE"></A>
Por hoje é só, mas esse tutorial não terminou ainda, em breve darei seguimento.
;)

Related Posts:

  • O que é Boot ? Um site que eu gosto muito de entrar pra ler os artigos é o Baixaki e frequentemente vocês vão poder ver citações ou mesmo copias discaradas como essa. Este pequeno artigo fala sobre o Boot, o que é e pra que serve, uma c… Read More
  • Dividindo arquivos grandes com Winrar Outro dia fui mandar um arquivo por e-mail para meu chefe, mas o arquivo tinha mais de 10 mb, tamanho limite permitido pela maioria dos e-mails, no caso aqui citado foi o hotmail. E pude notar que uma tarefa que possa parece… Read More
  • 10 dicas para se defender das ameaças dos messengersEste artigo foi retirado do site Deskmundo. Sem dúvidas um dos grandes benefícios da internet é a possibilidade depoder conversar com pessoas do outro lado da tela em tempo real, em outraspalavras, o messenger (IM). E com is… Read More
  • Como recuperar senhas de MSN, Google Talk, ICQ e Yahoo Instant Messenger Pelo menos uma vez na vida, com certeza, todo usuário de computador já esqueceu sua própria senha. Todos os programas oferecem a opção de armazenamento de senha, mas se por um acaso esse mecanismo falha, talvez você nem l… Read More
  • Templates Para Wordpress Uma coisa que me perguntam bastante no msn é onde encontrar bons templates para blog. Minha resposta era sempre a mesma, no Google, sempre é possível encontrar muitos sites com templates interessantes por lá, alguns muito… Read More

0 comentários:

Postar um comentário