Aprenda com a

Apple

por: Design Blog

1 – Mantenha simples.

1 – Mantenha simples.

2 – Use fotos fantásticas.

3 – O contraste é a chave.

4 – Dê atenção aos detalhes.

5 – Crie propagandas instrutivas

Aula 8 – XHTML prof. Ticianne Ribeiro

10

“The XHTML family is the next step

in the evolution of the Internet.” W3C Recommendation 2000, revised 2002

Definição

XHTML e HTML 4

1 - Documentos devem

ser bem-formados

2 – elementos e nomes de atributos devem estar em

letras minúsculas

3 – Elementos não vazios devem ter tag de

fechamento

4 – Valores de atributos

devem estar entre aspas

5 – Pares de atributo-valor

devem ser escritos por

completo

6 – Elementos vazios devem

ter tag de fechamento ou

a tag de início deve

terminar com />

7 – Elementos de estilo e

script são declarados

em seções CDATA ao invés

de #PCDATA (onde < e & são

tratados como início de marcação, i.e.,

necessário usar entidades)

8 – Proibição de alguns

aninhamentos de elementos

9 – Atributo id substitui o

atributo name. O atributo

name está desaprovado.

PRINCIPAIS TAGS XHTML

• Título em ordem de importância. Se <h2> for o título de um artigo, <h3> seria o subtítulo e assim sucessivamente

de <h1></h1>

a <h6></h6>

• Parágrafo comum. <p></p>

• Quebra de linha. <br/>

• Destaque no texto <strong></strong>

• Ênfase no texto <em></em>

• Usado ao inserir códigos de programação. <code></code>

• Usada para adicionar endereços. <address></address>

• Engloba uma citação longa. Recomenda-se seu uso em conjunto com tags de parágrafo.

<blockquote></blockquote>

• Indica o autor de determinada citação. <cite></cite>

• Define um link. O atributo href informa o caminho do link.

<a href=""></a>

• Traduz o significado de uma abreviação. Ex.: CNPJ

<abbr title=""></abbr>

• Indica um acrônimo, abreviação pronunciada como uma palavra normal. Ex.: Unifor

<acronym title=""></acronym>

• Bloco de texto percebido na visualização do código, mas escondido para o usuário.

<!-- Comentário -->

Exemplos

<h1>The Phantom Of The Opera</h1> <h2>The Phantom Of The Opera</h2> <h3>The Phantom Of The Opera</h3> <h4>The Phantom Of The Opera</h4> <h5>The Phantom Of The Opera</h5> <h6>Sério, 6 níveis de título?</h6>

<p> Masquerade! <br/> Paper faces on parade ...<br/> Masquerade!<br/> Hide your face, so the world will never find you!<br/> </p>

35

<p> E se eu quiser escrever um &lt;br/&gt; como texto, sem que ele dê quebra de linha? </p>

<p> Christine, you <strong>must</strong> have been dreaming<br/>Stories like this can't come true </p>

<p>"<em>little lotte</em> let her mind wander ..."</p>

<blockquote cite="http://pt.wikipedia.org/wiki/O_Fantasma_da_Opera"> Le Fantôme de l'Opéra (O fantasma da ópera em português) é um romance francês escrito por Gaston Leroux, inspirada no livro Trilby de George du Maurier. Publicada pela primeira vez em 1910, foi desde então adaptada inúmeras vezes para o cinema e atuações de teatro, atingindo o seu auge ao ser adaptada para a Broadway, por Andrew Lloyd Webber, Charles Hart e Richard Stilgoe. </blockquote>

<p> Como diria <cite>Madame Giry</cite>: Oh fools, to have flouted his warnings!</p>

<p> <abbr title="Best Film Forever">BFF</abbr></p> <p><acronym title=“Phantom Of The Opera">POTO</acronym></p>

<p> The Opera House: <address> Address: 8 rue Scribe 75 009 Paris France </br> <a href=mailto:us@example.org >Email us</a> </address> </p>

43

44

45