Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Aula 04 - Principais Tags XHTML

    Загружено:

    Lisley Uchoa
    36 просмотров21 страница

    Оригинальное название

    Aula 04 - Principais Tags xHTML

    Авторское право

    © Attribution Non-Commercial (BY-NC)

    Доступные форматы

    PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    36 просмотров21 страница

    Aula 04 - Principais Tags XHTML

    Загружено:

    Lisley Uchoa

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 21

    Padres Web - II

    Profa. Lzie Sancho

    Padres WEB
    Na aula passada vimos como o desenvolvimento de sites seguindo os padres do W3C pode aumentar a produtividade no trabalho e como esses padres trabalham para que o acesso internet seja universal.

    As camadas
    Vimos que uma pgina web pensada em torno de 3 camadas: de Contedo, de Apresentao e de Comportamento.

    Como o navegador l o cdigo


    Vimos que existem 3 formas de indicarmos como o navegador deve ler um cdigo.
    Strict: Indica que o cdigo escrito 100% adaptado aos padres. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Transitional Cdigo ainda migrando para os padres. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Frameset Quando frames so usados na pgina. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

    Trabalhemos o contedo
    Em qualquer redao importante e usual que consigamos determinar alguns blocos de contedo. Os ttulos, por exemplo, muitas vezes tm um corpo de fonte maior que o texto corrido, palavras estrangeiras so enfatizadas e outras que se quer dar destaque so escritas em negrito.

    Trabalhemos o contedo
    Lembrando que no xHTML ns "etiquetamos" o contedo que queremos diferenciar, existe uma tag para cada um desses casos. essencial salientar que tudo tenha sua semntica, seu sentido. Assim, todo contedo dever estar dentro de uma tag indicando seu sentido. A tabela a seguir mostra o uso das tags essenciais do xHTML.

    Principais tags xHTML


    de <h1></h1> a <h6></h6> <p></p> Ttulo em ordem de importncia. Se <h2> for o ttulo de um artigo, <h3> seria o subttulo e assim sucessivamente Pargrafo comum.

    <br />

    Quebra de linha.

    <strong></strong>

    Aumenta o peso da fonte (negrito).

    <em></em>

    Enfatiza a leitura de determinada palavra (itlico).

    <code></code>

    Usado ao inserir cdigos de programao.

    Address

    Usada para adicionar endereos.

    Principais tags xHTML


    <blockquote></blockquote> Engloba uma citao longa. Recomenda-se seu uso em conjunto com tags de pargrafo. Indica o autor de determinada citao. Citaes curta. Devido ao desacordo entre os navegadores com a incluso automtica ou no de aspas, esta tag raramente utilizada. Define um link. O atributo href informa o caminho do link. Traduz o significado de uma abreviao. Ex.: CNPJ Indica um acrnimo, abreviao pronunciada como uma palavra normal. Ex.: Unifor Bloco de texto percebido na visualizao do cdigo, mas escondido para o usurio.

    <cite></cite>

    <q></q>

    <a href=""></a>

    <abbr title=""></abbr>

    <acronym title=""></acronym>

    <!-- Comentrio -->

    Vejamos alguns exemplos


    Experimente o seguinte cdigo no Dreamweaver:
    <h1>Os Padres Web</h1> <h2>Camada de Contedo</h2> <h3>Tags de Texto</h3>

    Exemplos - II
    Experimente o seguinte cdigo no Dreamweaver:
    <p>Amanh ainda ser outro dia.</p>

    Exemplos - III
    Experimente o seguinte cdigo no Dreamweaver:
    <p> De De De De </p>

    manh escureo<br /> dia tardo<br /> tarde anoiteo<br /> noite ardo.

    Exemplos - IV
    Experimente o seguinte cdigo no Dreamweaver:
    <p> Eu no concordo nem discordo, <strong>muito pelo contrrio</strong>. </p>

    Exemplos - V
    Experimente o seguinte cdigo no Dreamweaver:
    <p> Quando eu falo <em>stop</em> para <em>stoparar</em>. </p>

    Exemplos - VI
    Experimente o seguinte cdigo no Dreamweaver:
    <blockquote cite="http://pt.wikiquote.org/wiki/John_Lennon"> <p>O medo do desconhecido. o medo dele que impele todo mundo para os sonhos, as iluses, as guerras, a paz, o amor, o dio, tudo isso iluso.</p> </blockquote>

    Exemplos - VII
    Experimente o seguinte cdigo no Dreamweaver:
    <p> Como diria <cite>Tao Te Ching</cite>: "tarefas so feitas e depois esquecidas, assim duram para sempre". </p>

    Exemplos - VIII
    Experimente o seguinte cdigo no Dreamweaver:
    <p> <abbr title="Cadastro Nacional da Pessoa Jurdica">CNPJ</abbr> </p>

    Exemplos - IX
    Experimente o seguinte cdigo no Dreamweaver:
    <p> <acronym title="Universidade de Fortaleza"> UNIFOR</acronym> </p>

    Exemplos - X
    Experimente o seguinte cdigo no Dreamweaver:
    <address> Rua Mnica n2 , esquina com a praa Cebolinha. </address>

    Ateno!
    Nosso imediatismo s vezes nos impele a alterar logo aquele ttulo para um mais discreto e com uma fonte mais bonita. Mas relaxe, por enquanto. Prxima aula trataremos desse assunto.

    Mos obra
    Para facilitar nosso trabalho, vamos desenvolver um currculo pessoal durante as atividades da disciplina. Organize o seu contedo em 4 partes: Apresentao Formao acadmica Experincia Profissional Contato.

    Mos obra
    Cada pgina deve ter as seguintes sees: Ttulo do arquivo (no Head); Ttulo da pgina (no Corpo); Menu (conjunto de links); Corpo de texto Texto em pargrafos; Usar nfase e fora; Usar sub-ttulos de sees; Usar Acrnimo ou Sigla em algum momento; Rodap usando a tag address.

    Вам также может понравиться