SlideShare uma empresa Scribd logo
1 de 11
XHTML - Atributos
2 AULA
Formatação de carateres
<em> </em>
Maior ênfase em itálico
<strong> </strong>
Maior ênfase em negrito
<code> </code>
Amostra de código
<kbd> </kbd>
Texto a ser digitado
<var> </var>
Uma variável ou espaço reservado para um outro valor
<samp> </samp>
Texto de amostra
Formatação de carateres
<dfn> </dfn>
Aplica um formatação no texto definido como termo de um glossário
<cite> </cite>
Uma citação
<b> </b>
Texto em negrito
<i> </i>
Texto em itálico
<u> </u>
Texto sublinhado
<tt> </tt>
Fonte monoespaçada (texto semelhante à maquina de escrever)
<pre> </pre>
Texto pré-formatado
Formatação de carateres
<strike> </strike>
Texto riscado
<s> </s>
Texto tachado
<sub> </sub>
Texto subscrito
<sup> </sup>
Texto sobrescrito
<big> </big>
Texto em fonte maior do que o padrão
<small> </small>
Texto em fonte menor do que o padrão
Imagens
<img>
Insere uma imagem in-line no documento e inclui atributos comuns
usemap – Um mapa de imagens do lado cliente
src – O URL da imagem
alt – Uma string de texto que será exibida em navegadores que não possam suportar imagens
align – Determina o alinhamento de uma determinada imagem: top, middle, bottom, left e right
height – É a altura sugerida em pixels
width – É a extensão sugerida em pixels
vspace – O espaço entre a imagem e o texto acima e abaixo dela
hspace – O espaço entre a imagem e o texto à esquerda e à direita dela
border – Largura da borda
Listas
<ol> </ol>
Uma lista ordenada
start – Define a partir de qual número a listagem começa
type – Tipos de caracteres ordenados: A, a, I, i, 1
<ul> </ul>
Uma lista não ordenada
type – Tipos de caracteres não ordenados: disk, square, circle
<li> </li>
Um item da lista
value – Numeração individual do item da lista
type – Tipos de caracteres ordenados: A, a, I, i e 1 para listagem ordenada e disk, square e circle para
não ordenada
Tabelas
<table> </table>
Cria uma tabela
background – Imagem de plano de fundo
bgcolor – Cor de plano de fundo
border – Largura da borda em pixels
cols – Número de colunas
cellpadding – Espaçamento nas células
cellspacing – Espaçamento entre as células
width – Largura da tabela
align – Alinhamento da tabela: left, center, right
bordercolor – Cor na borda da tabela
<caption> </caption>
A legenda para a tabela
Tabelas
<tr> </tr>
Uma linha na tabela
align – O alinhamento horizontal do conteúdo das células dentro dessa linha com os valores possíveis
left, right, center, justify e char
bgcolor – Cor de fundo
valign – o alinhamento vertical do conteúdo das células dentro dessa linha com os valores possíveis top,
middle, bottom e baseline
background – Figura como plano de fundo
<th> </th>
Um cabeçalho de célula da tabela
align – Alinhamento horizontal
valign – Alinhamento vertical
bgcolor – Cor de plano de fundo
rowspan – O número de linhas pelo qual essa célula se expandirá
colspan – O número de colunas pelo qual essa célula se expandirá
nowrap – Desliga o enquadramento de texto em uma célula
Tabelas
<td> </td>
Define uma célula de dados da tabela
align – Alinhamento horizontal
valign – Alinhamento vertical
bgcolor – Cor de plano de fundo
rowspan – O número de linhas pelo qual essa célula se expandirá
colspan – O número de colunas pelo qual essa célula se expandirá
nowrap – Desliga o enquadramento de texto em uma célula
width – Largura da célula
height – Altura da célula
Links
<a> </a>
Cria um link e inclui atributos em comum
href – O URL do documento que será vinculado a este. Para e-mail: mailto e link externo: http
name – O nome da âncora
target – Identifica a janela ou local em que o link deverá ser aberto: blank, self, top, parent
rel – Define os tipos de link que avançam
rev – Define os tipos de link que revertem a ação
acesskey – Atribui uma tecla de atalho para este elemento
shape – Para uso com formas de objeto
coords – Para uso com formas de objeto
tabindex – Determina a ordem das guias
onclick – É um evento JavaScript
onmouseover – É um evento JavaScript
onmouseout – É um evento JavaScript
Luis Fernandes
luishmafernandes@gmail.com

Mais conteúdo relacionado

Semelhante a Aula2 xhtml (20)

Tecnologias Web - Tabelas
Tecnologias Web - TabelasTecnologias Web - Tabelas
Tecnologias Web - Tabelas
 
Normas abnt para trabalhos acadêmicos 2013 para ajuda-lo no TCC ou monografia
Normas abnt para trabalhos acadêmicos 2013 para ajuda-lo no TCC ou monografiaNormas abnt para trabalhos acadêmicos 2013 para ajuda-lo no TCC ou monografia
Normas abnt para trabalhos acadêmicos 2013 para ajuda-lo no TCC ou monografia
 
Estrutura do TCC e RCC - ICE
Estrutura do TCC e RCC - ICEEstrutura do TCC e RCC - ICE
Estrutura do TCC e RCC - ICE
 
Css e iFrames
Css e iFramesCss e iFrames
Css e iFrames
 
Folha de calculo
Folha de calculoFolha de calculo
Folha de calculo
 
Amazon Redshift
Amazon RedshiftAmazon Redshift
Amazon Redshift
 
Sql
SqlSql
Sql
 
RCOM 11ºAno - CSS
RCOM 11ºAno - CSSRCOM 11ºAno - CSS
RCOM 11ºAno - CSS
 
Iniciação em css
Iniciação em cssIniciação em css
Iniciação em css
 
CSS e Bootstrap - Introdução básica
CSS e Bootstrap - Introdução básicaCSS e Bootstrap - Introdução básica
CSS e Bootstrap - Introdução básica
 
HTML
HTML HTML
HTML
 
O que é html
O que é htmlO que é html
O que é html
 
Curso HTML e CSS
Curso HTML e CSSCurso HTML e CSS
Curso HTML e CSS
 
HTML_Tabelas.pptx
HTML_Tabelas.pptxHTML_Tabelas.pptx
HTML_Tabelas.pptx
 
Introdução ao HTML
Introdução ao HTMLIntrodução ao HTML
Introdução ao HTML
 
Conceitos inicias de banco de dados Mysql
Conceitos inicias de banco de dados MysqlConceitos inicias de banco de dados Mysql
Conceitos inicias de banco de dados Mysql
 
Folha de calculo1-2
Folha de calculo1-2Folha de calculo1-2
Folha de calculo1-2
 
CSS tipo de letra (fontes)
CSS tipo de letra (fontes)CSS tipo de letra (fontes)
CSS tipo de letra (fontes)
 
Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)
Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)
Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)
 
Apostila html
Apostila htmlApostila html
Apostila html
 

Mais de Luis Fernandes

Como se tornar um líder excecional
Como se tornar um líder excecionalComo se tornar um líder excecional
Como se tornar um líder excecionalLuis Fernandes
 
Como fazer evoluir a sua área de service desk
Como fazer evoluir a sua área de service deskComo fazer evoluir a sua área de service desk
Como fazer evoluir a sua área de service deskLuis Fernandes
 
Introdução á programação - 1ª parte
Introdução á programação - 1ª parteIntrodução á programação - 1ª parte
Introdução á programação - 1ª parteLuis Fernandes
 
Dicas para gerir o tempo de forma eficiente
Dicas para gerir o tempo de forma eficienteDicas para gerir o tempo de forma eficiente
Dicas para gerir o tempo de forma eficienteLuis Fernandes
 
Especificação requisitos
Especificação requisitosEspecificação requisitos
Especificação requisitosLuis Fernandes
 
Como gerir o seu tempo e ganhar produtividade 1
Como gerir o seu tempo e ganhar produtividade 1Como gerir o seu tempo e ganhar produtividade 1
Como gerir o seu tempo e ganhar produtividade 1Luis Fernandes
 
Iva liquidado pelo adquirente
Iva liquidado pelo adquirenteIva liquidado pelo adquirente
Iva liquidado pelo adquirenteLuis Fernandes
 

Mais de Luis Fernandes (11)

Como se tornar um líder excecional
Como se tornar um líder excecionalComo se tornar um líder excecional
Como se tornar um líder excecional
 
Como fazer evoluir a sua área de service desk
Como fazer evoluir a sua área de service deskComo fazer evoluir a sua área de service desk
Como fazer evoluir a sua área de service desk
 
Introdução á programação - 1ª parte
Introdução á programação - 1ª parteIntrodução á programação - 1ª parte
Introdução á programação - 1ª parte
 
Dicas para gerir o tempo de forma eficiente
Dicas para gerir o tempo de forma eficienteDicas para gerir o tempo de forma eficiente
Dicas para gerir o tempo de forma eficiente
 
Especificação requisitos
Especificação requisitosEspecificação requisitos
Especificação requisitos
 
Codigo barras
Codigo barrasCodigo barras
Codigo barras
 
Procrastinação
ProcrastinaçãoProcrastinação
Procrastinação
 
Satisfazer clientes
Satisfazer clientesSatisfazer clientes
Satisfazer clientes
 
Como gerir o seu tempo e ganhar produtividade 1
Como gerir o seu tempo e ganhar produtividade 1Como gerir o seu tempo e ganhar produtividade 1
Como gerir o seu tempo e ganhar produtividade 1
 
Iva liquidado pelo adquirente
Iva liquidado pelo adquirenteIva liquidado pelo adquirente
Iva liquidado pelo adquirente
 
10 passosreuniões
10 passosreuniões10 passosreuniões
10 passosreuniões
 

Aula2 xhtml

  • 2. Formatação de carateres <em> </em> Maior ênfase em itálico <strong> </strong> Maior ênfase em negrito <code> </code> Amostra de código <kbd> </kbd> Texto a ser digitado <var> </var> Uma variável ou espaço reservado para um outro valor <samp> </samp> Texto de amostra
  • 3. Formatação de carateres <dfn> </dfn> Aplica um formatação no texto definido como termo de um glossário <cite> </cite> Uma citação <b> </b> Texto em negrito <i> </i> Texto em itálico <u> </u> Texto sublinhado <tt> </tt> Fonte monoespaçada (texto semelhante à maquina de escrever) <pre> </pre> Texto pré-formatado
  • 4. Formatação de carateres <strike> </strike> Texto riscado <s> </s> Texto tachado <sub> </sub> Texto subscrito <sup> </sup> Texto sobrescrito <big> </big> Texto em fonte maior do que o padrão <small> </small> Texto em fonte menor do que o padrão
  • 5. Imagens <img> Insere uma imagem in-line no documento e inclui atributos comuns usemap – Um mapa de imagens do lado cliente src – O URL da imagem alt – Uma string de texto que será exibida em navegadores que não possam suportar imagens align – Determina o alinhamento de uma determinada imagem: top, middle, bottom, left e right height – É a altura sugerida em pixels width – É a extensão sugerida em pixels vspace – O espaço entre a imagem e o texto acima e abaixo dela hspace – O espaço entre a imagem e o texto à esquerda e à direita dela border – Largura da borda
  • 6. Listas <ol> </ol> Uma lista ordenada start – Define a partir de qual número a listagem começa type – Tipos de caracteres ordenados: A, a, I, i, 1 <ul> </ul> Uma lista não ordenada type – Tipos de caracteres não ordenados: disk, square, circle <li> </li> Um item da lista value – Numeração individual do item da lista type – Tipos de caracteres ordenados: A, a, I, i e 1 para listagem ordenada e disk, square e circle para não ordenada
  • 7. Tabelas <table> </table> Cria uma tabela background – Imagem de plano de fundo bgcolor – Cor de plano de fundo border – Largura da borda em pixels cols – Número de colunas cellpadding – Espaçamento nas células cellspacing – Espaçamento entre as células width – Largura da tabela align – Alinhamento da tabela: left, center, right bordercolor – Cor na borda da tabela <caption> </caption> A legenda para a tabela
  • 8. Tabelas <tr> </tr> Uma linha na tabela align – O alinhamento horizontal do conteúdo das células dentro dessa linha com os valores possíveis left, right, center, justify e char bgcolor – Cor de fundo valign – o alinhamento vertical do conteúdo das células dentro dessa linha com os valores possíveis top, middle, bottom e baseline background – Figura como plano de fundo <th> </th> Um cabeçalho de célula da tabela align – Alinhamento horizontal valign – Alinhamento vertical bgcolor – Cor de plano de fundo rowspan – O número de linhas pelo qual essa célula se expandirá colspan – O número de colunas pelo qual essa célula se expandirá nowrap – Desliga o enquadramento de texto em uma célula
  • 9. Tabelas <td> </td> Define uma célula de dados da tabela align – Alinhamento horizontal valign – Alinhamento vertical bgcolor – Cor de plano de fundo rowspan – O número de linhas pelo qual essa célula se expandirá colspan – O número de colunas pelo qual essa célula se expandirá nowrap – Desliga o enquadramento de texto em uma célula width – Largura da célula height – Altura da célula
  • 10. Links <a> </a> Cria um link e inclui atributos em comum href – O URL do documento que será vinculado a este. Para e-mail: mailto e link externo: http name – O nome da âncora target – Identifica a janela ou local em que o link deverá ser aberto: blank, self, top, parent rel – Define os tipos de link que avançam rev – Define os tipos de link que revertem a ação acesskey – Atribui uma tecla de atalho para este elemento shape – Para uso com formas de objeto coords – Para uso com formas de objeto tabindex – Determina a ordem das guias onclick – É um evento JavaScript onmouseover – É um evento JavaScript onmouseout – É um evento JavaScript