AULA2 - Estruturando texto/Criando bloco de texto/citando.
Chapeuzinho Vermelho
Houve, uma vez uma graciosa menina; quem a via ficava logo gostando dela,
assim como ela gostava de todos; particularmente, amava a avozinha,
que não sabia o que dar e o que fazer pela netinha.
Certa vez, presenteou-a com um chapeuzinho de veludo vermelho e,
porque lhe ficava muito bem, a menina não mais quis usar outro e acabou
ficando com o apelido de Chapeuzinho Vermelho. Um dia, a mãe chamou-a e disse-lhe:
** q - citacao curta
site.com.br
** blockquote - citação longaaaaaaaa
*O uso da tag i deve ser feito somente quando não houver outra tag que represente melhor o conteúdo desejado, como:
** em (Texto Enfático)
** strong (Texto Importante)
** mark (Texto em destaque)
** cite (Referência a um título de um trabalho)
** dfn (Um termo a ser definido)
*O atributo type da tag ol,ul,dl pode ser definido de algumas formas:
**ol type=”1” - Ordem numérica
**ol type=”A” - Ordem Alfabética em caixa alta
**ol type=”a” - Ordem alfabética em caixa baixa
**ol type=”I” - Números romanos
**ol type=”i” - Números romanos em caixa baixa
*O elemento table, traz controles que são caption(titulo da tabela, antes de tr)> tr(linhas)> th(titulo),td(conteudo coluna), colspan(atributo, expande colunas), rowspan(atributo, expande linhas)
[uso: table> caption(titulo da tabela),thead> tr> th(titulo da cada coluna),tbody> tr> td,tfoot> tr> th(titulo de rodape)]
* Links tem caminhos relativos,absolutos e internos:
**Relativos. pastas, diretorios etc.
**absolutos. endereços na internet. [uso: https:...]
**internos. leva a conteudos na propria pagina. [uso: a href="#trecho_paragrafo_com_id"]
* Atributos de links:
** target: esse atributo permite escolher como o link vai se comportar, e seus valores são _blank e _self.
****_blank. leva para uma nova janela.
****_self. no mesmo frame que foi clicado.
* Para trabalhar com foto e imagens, usamos o elemento figure, img(com atributos) e figcaption.
** figure. bloco onde podemos colocar imagem relacionada em bloco.
** img. Esse elemento é usado para adicionar a imagem com os atributos, src, alt, title.
****src. aqui colocamos o link deonde a imagem se encontra, e pode ser relativo ou absoluto.
****alt. aqui colocamos o texto que é usado por navegadores especiais(para deficientes visuais, e auditivos).
****title. aqui colocamos o texto que é visualizado ao passar o mouse.
**figcaption. Esse elemento é usado para descrever uma legenda relacionada a imagem.
::[ voltar ]