Curso de HTML Completo: Aula 05 - Elementos de Citação

E aí e continuando na sala aqui pessoal nós vamos conhecer agora tags de citação elementos de citação o que que são essas esses elementos de citação são os tags que a gente usa principalmente sobre texto por exemplo quando você tá falando de uma pessoa quando você encontra uma abreviação quando alguma coisa uma pessoa fala algo e você quer colocar aquilo entre astros como se fosse assim ah o que aquela pessoa falou sabe a gente precisa Isso usar isso nos nossos textos tão é quando a mostrar aqui vocês vão entender por exemplo uma tag que a

gente usa é a abreviatura então a gente eu posso colocar uma tag P aqui e vou eu vou até fazer o seguinte eu vou apagar toda essa bagunça aqui que a gente deixou na aula passada vou apagar tudo aqui em São Paulo limpamos aqui vou fazer aqui um o H1 já para gente usar o que a gente aprendeu que é título um e eu vou colocar aqui elementos de citação elementos de situação certo e aqui eu vou fazer um parágrafo estamos aprendendo HTML certo em Ok e se HTML é uma sigla concorda ela ele é

uma sigla e talvez a pessoa que está lendo isso aqui não saiba o que quer dizer HTML então você pode usar uma tag para abreviações que seria a tag abbr abbr e coloca aqui é o HTML entre essa tag abbr que é uma abreviação certo aparentemente não aconteceu nada mas dentro aqui do abbr a gente pode colocar uma propriedade que vai explicar o que que é essa abreviatura que a propriedade título sente dessa propriedade título aqui que é título eu poderia colocar hiper text markup language que é o significado aqui de html certo agora olha

que que acontece quando eu coloco essa esse atributo título dentro da minha tag abbr ficou uns pontinhos aqui embaixo Simulator passar o mouse em cima olha só que legal ele vai dar um balãozinho dizendo hiper text markup language ele dá uma explicação sobre aquela abreviatura legal se não sei o que é muito legal para você fazer a explicações né então eu vou fazer uma outra aqui ó se você conhece Opa Você conhece a o início de um site com e aqui dentro eu vou colocar www assim você conhece o início de um site com www

certo aqui a gente pode colocar assim ó world wide web internet a rede mundial de computadores né www quando a pessoa passa o mouse em cima world wide web o significado de www essa tag abbr aqui é bem legal para a gente colocar nos nossos textos de abreviação você usar até de certa no lugar certo dentro do texto do seu site é fundamental pessoa fundamental para o funcionamento de mecanismos de busca que é o search Engine optimization quer os motorzinhos lá do Google leia o teu site sabendo que ele se trata então aí a usar

essas tags de forma correta certo outra técnica a gente pode usar Eu particularmente não uso muito mais seria certo a gente utilizar ele é a tag address address paciência escreve address address quer dizer endereço então eu poderia colocar assim ó e por exemplo p e parágrafo colocar aqui Dimitri ó e aqui dentro de endereço eu posso colocar o show pegar aqui esse address colocar aqui dentro do parágrafo né só tag e aqui eu posso colocar assim ó a rua do exemplo um dois três centro cidade e ele vai ficar como Itálico geralmente o navegador ele

renderiza como Itálico mas ele vai entender que eu tô falando aqui de um endereço certo esse endereço aqui não necessariamente precisa ser o endereço físico da pessoa pode ser uma url endereço de e-mail URL endereço físico o número de telefone uma coisa de mídia social você pode usar para essas finalidades aí essa questão do da tag ADR esta que a tag de endereço ainda outra que a gente tem é a tag City a senhora não é site é City Kansas City e o que que essa tag essa tag ela quer dizer um título de uma

obra então por exemplo assim de um filme de um poema de um livro então por exemplo assim o filme e aqui dentro coloca assim Titanic e com Leonardo é de Caprio E aí Tá certo Deixa eu botar isso aqui dentro de parágrafo bom então esse City é como se fosse assim uma obra certa aqui fica também como Itálico resultado vai se entende que isso aqui tá se falando de uma obra geralmente obra literária filme livro você pode colocar dentro desse sítio aqui que é indicando o título de uma obra certo aí se você quer que

falar por exemplo assim ó o quê que o Leonardo de Castro ele falou no filme tipo uma citação literal do que que ele falou na a Leonardo DiCaprio falou naquela cena tal coisa você pode usar a tag que por exemplo assim ó ó E ele disse: Aí usa a tag que é uma situação curta do que ele falou Rose porque eu não eu consigo subir nessa porta cabe nós dois tranquilo o parque não falou isso né mas só para a gente entender olha só ele coloca entre aspas e aqui pessoal olha só ele coloca entre

as porque ele entende que isso aqui é uma situação do que o Leonardo DiCaprio falou na cena do filme supostamente né então o meu navegador lendo esse texto ele entenderia que tava falando do filme Titanic e também a situação do que ele falou certo Então essa é a tag que que é para citações curtas de definir uma citação curta geralmente coloca entre aspas o que a pessoa falou certo a gente também pode usar esse daqui ainda outro elemento que a gente usa bastante nessa sessão de situações é o blockquote que é um trecho destacado de

algum artigo por exemplo no G1 às vezes eles colocam assim não sei se eu já vi uma notícia no site do G1 coloca um dos itens como sendo mais está casa vou copiar se você quiser fazer um lar Y aqui então p Lauren para botar um texto qualquer Vou colocar aqui uns parágrafos para supor que a gente colocou aqui um pouco de conteúdo e aí eu quero dizer que um desses trechos tem um destaque especial por exemplo e ela com certeza conseguiria ajudar o Jaque já que nós estamos falando de Titanic aqui né então a

gente poderia colocar aqui ó essa técnica para dar destacar um trecho do texto que seria o Block out O que é uma situação também de um trecho mas geralmente do próprio texto que você tá fazendo então eu poderia pegar aqui agora ela com certeza conseguiria ajudar o Jack o e salvo e aí ó ele fica assim mais para dentro tá vendo ele dá uma margem isinha porque é como se fosse um destaque desse trecho que tá mais aqui para cima geralmente esse coloco antes do texto para criar uma expectativa e tudo mais a gente usa

esse daqui que também é o bloco Alt certo pessoal então esses são alguns exemplos de tags de citação a uma outra que eu tô esquecendo que é bem legalzinha também pessoal é a Bíblia deixa eu mostrar para vocês eu vou colocar nesse daqui mesmo a que é esse lado Y que tá por último na último parágrafo essa bebê é uma tag bidirecional que é para você inverter o seu texto para ele ficar por exemplo da esquerda para direita Então você coloca aqui dentro desse bebê ó a direção pode ir que é de direção e você

coloca tem duas opções ltr que left right e quer dizer da esquerda para direita ou rtl quer dar direita para aí a rpl olha só que que vai acontecer salvei ele inverteu a ordem do meu texto ficou de trás para frente dá uma olhada aqui ó então eu vou fazer aqui só para vocês ver ó o Dimitri e ele fica intimide como se tivesse espelhado de trás para frente em idiomas árabes né geralmente a gente usa ou japonês idiomas a orientais a gente lê sempre da direita para esquerda Então se usa muito esse bebê de

rpl da direita para esquerda o padrão se eu não tivesse deixar nenhuma tributo aqui ó eu não deixar é anormal é da esquerda para direita o padrão ocidental eu só quero da direita para esquerda põe rtl e ele deixa de trás para frente Opa de trás para frente Beleza então esses são alguns algumas tags que são elementos de citação destaque maior poderia que é muito show de bola essa questão aqui da abreviatura né então a gente viu aqui vamos relembrar a gente viu aqui o abbr que abreviatura que precisa da propriedade detalhe tô para dizer

qual que é a abreviatura quando passa o mouse em cima certo a gente viu também a propriedade address que é de endereço que pode o endereço 15 para o e-mail o endereço de um site URL também o City né que é com s t e não é de cidade nem de site eu não sei comprando esse direito e não vou falar City que é uma obra literária tá um livro Uma pessoa organização Uma coisa assim que você queira destacar vemos a tag que que é uma citação curta do que alguém falou da por exemplo aqui

ao Jack falando né Rose porque eu não consigo subir nessa porta cabe nós dois tranquilo e também nós vimos aqui o blowout que seria uma citação de uma parte do texto para dar um destaque por último bebê com a propriedade de ir que você pode definir que é da direita para a esquerda para ficar invertido o texto beleza pessoal Vai praticando vai colocando essas tags aí a medida que você vai aprendendo vendo funcionamento dela vai tentando memorizar isso que você vai sempre precisar medida que você for fazendo os seus com e na parte de criação

de conteúdo do seu site Beleza forte abraço e até a próxima aula Espero que você tenha gostado dessa aula se você gostou deixa aquele seu like continua assistindo esse curso clicando aqui num desses vídeos que vai estar aqui na tela para você continuar assistindo a Playlist e vendas outras aulas desse curso se inscreve no canal se não for escrito e até a próxima aula valeu