HTML Flashcards
Principais tags para formatação
<b> Texto negrito, sem importância extra.<strong> Texto importante, tipicamente em negrito.<i> Texto Itálico, representando parte do texto em voz ou humor alternativo.<em> Texto Enfatizado, tipicamente em itálico.<mark> Texto marcado ou em destaque<small> Texto Menor<del> Texto Deletado<ins> Texto inserido<sub> Texto subscrito<sup> Texto sobrescrito<!-- Comentários aqui...--> Comentário
Principais tags para citação
<blockquote> Seção que é citada de outra fonte, normalmente identada (exibida com recuo) pelo browser.<q> Citação curta, normalmente exibida entre aspas duplas pelo browser.<abbr> Abreviação ou acrônimo.
<address> Informação de contato de um autor ou proprietário de um documento
ou artigo.<cite> Título de um trabalho criativo (por exemplo, um livro, um poema,
uma música, um filme, uma pintura, uma escultura, etc.).<bdo> Substituição bidirecional. Ex.: nosboR
Propriedades importantes da tag style
background-color cor de fundocolor cor do textofont-family fonte usada para um elemento HTML.font-size tamanho do texto para um elemento HTML.font-align alinhamento horizontal de um texto para um elemento
Valores do propriedade target
_blank: abre o documento em uma nova janela ou aba._self: abre o documento na mesma janela/aba (default)._parent: abre o documento no frame pai._top: abre o documento no corpo completo do frame.
Tag img
Não são tecnicamente inseridas em uma página, mas sim vinculadas a ela.
Atritutos obrigatórios:src: caminho para a imagem.alt: texto alternativo para a imagem.
Atributo title: texto exibido quando o cursor do mouse passar sobre a imagem.
Tag <figcaption> para legenda.
Como adicionar CSS?
Inline: usando o atributo style nos elementos HTML. Usado para aplicar um único estilo para um único elemento HTML.Ex.:<h1 style="color:blue;"> Título azul</h>
Internal: usando o elemento <style> no cabeçalho <head>. Usado para definir um estilo para uma única página. Ex.: <head> <style> h1 {color:blue;} </style> </head>
External: usando um arquivo CSS externo através da tag link dentro do head.
Usado para definir o estilo para várias páginas. Ex.:<head> <link rel="stylesheet" href="styles.css"> </head>
Tag <table>
<tr> row/linha<th> head cabeçalho<td> célulacolsapn mescla colunasrowspam mescla linhas
Listas
- Lista unordered/não ordenada
Começa com a tag<ul>
Cada linha com<li> - Lista ordered/ordenada
Começa com a tag<ol>
Cada linha com<li> - Listas de descrição
Tag<dl>define uma lista de description/descrição.
Tag<dt>para o termo.
Tag<dd>para a descrição do termo.
Tag <javascript>
Usada para definir um script JavaScript do lado do cliente. O elemento <script> pode tanto conter instruções do script ou apontar para um arquivo externo de script através do atributo src.
<noscript> define um conteúdo alternativo a ser exibido para usuários que
desabilitaram scripts em seus navegadores ou têm um navegador que não suporta scripts.
