Títulos e Subtítulos em XHTML

14, Março 2008 at 4:59 am | In XHTML | Leave a Comment
Tags: , , ,

As paginas web como os livros tem Títulos e subtítulos, que nos da uma idéia de seu conteúdo, mesmo muitas vezes estes títulos e subtítulos não são visíveis aos usuários.

As TAGs de Titulos de paginas pertencem ao corpo do site, sendo assim elas ficar entre a TAG <body> e </body> .

No desenvolvimento web é muito importante a colocação de títulos da pagina, mesmo muitos desenvolvedores não se importando, por exemplo, o próprio buscador do Google da uma melhor colocação no Rank do seu site se o texto buscado pelo usuário consta no seu titulo de site e de pagina.

Vamos ao que interessa.

Exemplo de TAG <h1>

Usada para o titulo da pagina, muitas vezes o mesmo texto colocado dentro da TAG <title>

Exemplo de TAG <h2>

Usada para subtítulo de <h1>.

Exemplo de TAG <h3>

Usada para subtítulo de <h2>.

Exemplo de TAG <h4>

Usada para subtítulo de <h3>.

Exemplo de TAG <h5>

Usada para subtítulo de <h4>.

Exemplo de TAG <h6>

Usada para subtítulo de <h5>.

E como quase todas as TAGs em HTML funcionam, vc abre o <h1> e escreve o texto que será o titulo, no final e insere a </h1>, por exemplo:

<h1>Titulo da pagina</h1>

Para informar ao browser quando ler o comando, onde inicia o titulo e onde termina, assim por diante com as outras TAGs de subtítulos.

E lembresse toda TAG que abre tem que ser fechada.

A principio as TAGs <h1> a <h6> parece uma TAG besta, mas ele ajudará seu site a entrar nas listas de RANK na procura feita por buscadores.

Para medir o RANK de um site o Google usa uma técnica curiosa quando olhando apenas o site em si, se um usuário busca a palavra Carro, o seu site tem textos sobre carro, porem outro site por exemplo de venda de peça automotivas tem em seu titulo peças para Carros, tanto no titulo do Site como no da Pagina, e o seu tem apenas no titulo do site, o Google dará uma melhor colocação ao site de vendas de peças.

TAGs HTML bem definidas garantem o sucesso do seu site, porem são poucos os desenvolvedores que se importam com este assunto.
“A TAG <h1> deixa o texto em tamanho grande e com negrito, posso usa-la para escrever textos grandes???”
R: Apenas se o seu texto para o titulo da pagina, em desenvolvimento temos que usar cada tag para que a mesma foi feita, e a tag <h1> existe para definirmos o nome do titulo da página

Obs: As TAGs ficarão diferente no html de vocês, pelo fato do blog conter um CSS de configuração, a diante estarei fazendo posts sobre CSS.

Espero ter ajudado, qualquer dúvida ou sugestão: maurocesarsl@uol.com.br

O que é XHTML?

14, Março 2008 at 4:45 am | In XHTML | Leave a Comment
Tags: , ,

O XHTML, ou eXtensible Hypertext Markup Language, e nada a mais do que um “novo” padrão de escrever HTML baseando-se no XML.

Mas para que vou usar XHTML se tem o bom e velho HTML? A resposta e simples, com o XHTML o código tem um padrão da web, que por sua vez aumenta a acessibilidade, visualização de sites em dispositivos moveis, portabilidade e diz à lenda que garante uma melhor colocação no sistema PageRank do Google.

E com códigos no padrão nem se fala na manuteabilidade, né?!??! Segundo o PMI 70% de um projeto e manutenção, tanto corretiva quanto evolutiva…

Então, se vc trabalha com padrões seus códigos tem uma manutenção mais facil, com isso pode ter uma redução de custos de 70% do projeto, isso e muita coisa.

Diferenças entre XHTML e HTML:

1. Todas as tags devem ser escritas em minusculos;

2. Os documentos necessitam estar bem formatados, Exemplo:

<html>
<head>
<title>Titulo</title>
</head>
<body>

..

</body>
</html>

3. TODAS as tags devem estar fechadas, exemplo a <br> ficará <br />

4. As tags devem estar alinhadas, por exemplo:

<div><span style=”font-weight:bold”>texto</span></div>

um exemplo simples, mas se estivesse da forma errada seria assim, a tag <div> fecha antes da tag <span>

<div><span style=”font-weight:bold”>texto</div></span>

E isso…
Qualquer coisa, maurocesarsl@uol.com.br
T+++

Inserindo imagem em XHTML

3, Março 2008 at 1:22 pm | In XHTML | Leave a Comment
Tags: , , , ,

A tag IMG, usada para inserirmos imagens em documentos XHTML, ela por sua fez e diferente da tag <p> que tem um inicio e um fim, a tag img e única, porem todas as tags devem ser fechadas. Exemplo de tag IMG:

<img src=”imagens/logo.jpg”  alt=”Logo” />

Dentro das aspas do SRC e a localização do arquivo, como neste exemplo a imagens esta dentro de uma pasta chamada “imagens” e o nome do arquivo é “logo.jpg”, o ALT e padrão do W3C, e muito usado por leitores de deficientes visual, o leitor de tela de um deficiente visual lê o que esta escrito no ALT para o usuário, o informando sobre seu conteúdo, com isso garantimos a acessibilidade nas imagens da nossa página.

Como a tag img e única e necessitamos que todas as tags sejam fechadas usamos /> no final da tag para informamos o seu fechamento.
Qualquer dúvida: maurocesarsl@uol.com.br

Parágrafo e quebra de linha em XHTML

3, Março 2008 at 12:51 pm | In XHTML | Leave a Comment
Tags: ,

Para fazer parágrafos use a TAG <p> e </p>

Por exemplo:

<p>Aqui está iniciando um parágrafo, com texto, imagens e vídeos, tudo em XHTML.</p>

O Exemplo acima mostra um parágrafo simples.

Para inserirmos uma quebra de linha usamos a TAG <br />.
Por Exemplo:

HTML está sendo muito fácil.<br /> Quando iniciar CSS irá ficar mais interessante.

O exemplo acima mostrará o texto da seguinte forma:
 
HTML está sendo muito fácil.
Quando iniciar CSS irá ficar mais interessante.

Fácil né???

Qualquer duvida entre em contato: maurocesarsl@uol.com.br

Blog no WordPress.com. | Theme: Pool by Borja Fernandez.
Entries and comments feeds.