Fatec Pmi Aula 3 HTML

PROGRAMAÇÃO EM MICROINFORMÁTICA
Prof. Dr. Aparecido Jorge Jubran

Fatec- Carapicuíba
Prof. Dr. Aparecido Jorge Jubran
AULA – 3 HTML
O atributo do title
O atributo title fornece um título sugerido para o elemento.
A sintaxe do atributo title é semelhante à explicada para o atributo id.
O comportamento deste atributo dependerá do elemento que o carrega,

embora muitas vezes seja exibido como uma dica de ferramenta quando
o cursor passa sobre o elemento ou enquanto o elemento está sendo
carregado.
Digite no Notepad++.
Salve como: exemplo 11.html
Execute-o no seu navegador
O atributo class
O atributo class é usado para associar um elemento a uma folha de estilo
e especifica a classe do elemento.
Você aprenderá mais sobre o uso do atributo class quando aprender
Cascading Style Sheet (CSS).
Então, por enquanto você pode evitá-lo.
O valor do atributo também pode ser uma lista de nomes de classes
separados por espaços. Por exemplo:
O atributo style
O atributo style permite especificar regras de Cascading Style Sheet (CSS)

dentro do elemento.
Neste momento, não estamos aprendendo CSS, então vamos prosseguir

sem nos preocupar muito com CSS.
Aqui, você precisa entender o que são atributos HTML e como eles
podem ser usados durante a formatação de conteúdo.
Atributos de Internacionalização
Existem três atributos de internacionalização, que estão disponíveis para

a maioria (embora não todos) dos elementos XHTML.
O atributo dir
O atributo dir permite indicar ao navegador a direção em que o texto
deve fluir.
O atributo dir pode assumir um de dois valores, como na tabela a seguir:
Valor Significado
ltr Da esquerda para a direita (o valor padrão)
rtl Da direita para a esquerda (para idiomas como hebraico ou
árabe que são lidos da direita para a esquerda)
Quando o atributo dir é usado na tag <html>, ele determina como o

texto será apresentado em todo o documento.
Quando é usado dentro de outra tag, ele controla a direção do texto

apenas para o conteúdo dessa tag.
O atributo lang
O atributo lang permite indicar o idioma principal usado em um

documento, mas esse atributo foi mantido em HTML apenas para
compatibilidade com versões anteriores do HTML.
Este atributo foi substituído pelo atributo xml:lang em novos

documentos XHTML.
O atributo lang
Os valores do atributo lang são códigos de idioma de dois caracteres

padrão ISO-639.
Verifique os códigos de idioma HTML: ISO 639 para obter uma lista
completa de códigos de idioma.
O atributo xml:lang
O atributo xml:lang é o substituto XHTML do atributo lang.
O valor do atributo xml:lang deve ser um código de país ISO-639

conforme já mencionado.
Veremos exemplos relacionados à medida que prosseguirmos no estudo

de outras tags HTML.
Para obter uma lista completa de tags HTML e atributos relacionados,

verifique a referência Lista de tags HTML.
HTML - Formatação
HTML – Formatação
Se você usa um processador de texto, deve estar familiarizado com a

capacidade de colocar o texto em negrito, itálico ou sublinhado; estas
são apenas três das dez opções disponíveis para indicar como o texto
pode aparecer em HTML e XHTML.
Texto em negrito
Qualquer coisa que apareça no elemento ... é exibida em negrito

conforme mostrado a seguir:
Texto em itálico
Tudo o que aparece no elemento ... é exibido em itálico,

conforme mostrado a seguir:
Texto sublinhado
Qualquer coisa que apareça no elemento ... é exibida com

sublinhado conforme mostrado a seguir:
Texto strike
Qualquer coisa que apareça no elemento <strike>...</strike> é exibido

tachado, que é uma linha fina no texto, conforme mostrado a seguir:
Fonte monoespaçada
O conteúdo de um elemento <tt>...</tt> é escrito em fonte

monoespaçada.
A maioria das fontes são conhecidas como fontes de largura variável

porque letras diferentes têm larguras diferentes (por exemplo, a letra 'm'
é mais larga que a letra 'i’).
Em uma fonte monoespaçada, entretanto, cada letra tem a mesma

largura.
Texto Subscrito
O conteúdo de um elemento ... é escrito em subscrito; o

tamanho da fonte usado é o mesmo dos caracteres ao seu redor, mas é
exibido na metade da altura de um caractere abaixo dos outros
caracteres.
Texto inserido
Qualquer coisa que apareça no elemento <ins>...</ins> é exibida como

texto inserido.
Texto excluído
Qualquer coisa que apareça no elemento <del>...</del> é exibida como

texto excluído.
Texto maior
O conteúdo do elemento <big>...</big> é exibido com um tamanho de

fonte maior que o resto do texto ao seu redor, conforme mostrado a
seguir:
Texto menor
O conteúdo do elemento ... é exibido com um tamanho

de fonte menor que o resto do texto ao seu redor, conforme mostrado a
seguir:
Agrupando conteúdo
Os elementos <div> e permitem agrupar vários elementos para

criar seções ou subseções de uma página.
Por exemplo, você pode querer colocar todas as notas de rodapé de uma
página dentro de um elemento <div> para indicar que todos os
elementos dentro desse elemento <div> estão relacionados às notas de
rodapé.
Você pode então anexar um estilo a este elemento <div> para que eles
apareçam usando um conjunto especial de regras de estilo.
O elemento , por outro lado, pode ser usado apenas para agrupar
elementos inline.
Portanto, se você tiver uma parte de uma frase ou parágrafo que deseja
agrupar, poderá usar o elemento da seguinte maneira.
Essas tags são comumente usadas com CSS para permitir anexar um
estilo a uma seção de uma página.
HTML - Tags de frase
As tags de frase foram desmarcadas para propósitos específicos, embora

sejam exibidas de maneira semelhante a outras tags básicas como ,
, <pre> e <tt> .
Este capítulo irá guiá-lo através de todas as tags de frases importantes,

então vamos começar a vê-las uma por uma.
Texto enfatizado
Qualquer coisa que apareça no elemento ... é exibida como

texto enfatizado.
Texto Marcado
Qualquer coisa que apareça dentro do elemento ... é

exibida marcada com tinta amarela.
Texto forte
Qualquer coisa que apareça no elemento ... é exibida

como texto importante.
Abreviatura de texto
Você pode abreviar um texto colocando-o dentro das tags de abertura

<abbr> e fechamento </abbr>.
Se presente, o atributo title deve conter esta descrição completa e nada

mais.
Elemento de sigla
O elemento <acronym> permite indicar que o texto entre as tags

<acronym> e </acronym> é uma sigla.
Atualmente, os principais navegadores não alteram a aparência do

conteúdo do elemento <acronym>.
Direção do texto
O elemento <bdo>...</bdo> significa Substituição Bidirecional e é usado

para substituir a direção atual do texto.
Termos especiais
O elemento <dfn>...</dfn> (ou elemento de definição HTML) permite
especificar que você está introduzindo um termo especial.
Seu uso é semelhante ao de palavras em itálico no meio de um
parágrafo.
Normalmente, você usaria o elemento <dfn> na primeira vez que
introduzir um termo-chave.
Os navegadores mais recentes renderizam o conteúdo de um elemento
<dfn> em fonte itálica.
Citando Texto
Quando você quiser citar uma passagem de outra fonte, você deve
colocá-la entre as tags <blockquote>...</blockquote> .
O texto dentro de um elemento <blockquote> geralmente é recuado nas

bordas esquerda e direita do texto ao redor e, às vezes, usa uma fonte
em itálico.
Citações curtas
O elemento <q>...</q> é usado quando você deseja adicionar aspas

duplas em uma frase.
Citações de texto
Se estiver citando um texto, você pode indicar a fonte colocando-a entre

uma tag de abertura <cite> e uma tag de fechamento </cite>
Como seria de esperar em uma publicação impressa, o conteúdo do

elemento <cite> é renderizado em texto em itálico por padrão.
Código de computador
Qualquer código de programação que apareça em uma página Web deve

ser colocado dentro das tags <code>...</code> .
Normalmente o conteúdo do elemento <code> é apresentado em fonte

monoespaçada, assim como o código na maioria dos livros de
programação.
Texto do teclado
Quando você está falando sobre computadores, se quiser dizer ao leitor

para inserir algum texto, você pode usar o elemento <kbd>...</kbd> para
indicar o que deve ser digitado, como neste exemplo.
Variáveis de programação
Este elemento geralmente é usado em conjunto com os

elementos <pre> e <code> para indicar que o conteúdo desse elemento é
uma variável.
Saída do programa
O elemento <samp>...</samp> indica uma amostra de saída de um

programa, script, etc.
É usado principalmente ao documentar conceitos de programação ou

codificação.
Texto do endereço
O elemento <address>...</address> é usado para conter qualquer tipo de

endereço.

Fatec Pmi Aula 3 HTML

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Fatec Pmi Aula 3 HTML

Enviado por

Direitos autorais:

Formatos disponíveis

PROGRAMAÇÃO EM MICROINFORMÁTICA

Prof. Dr. Aparecido Jorge Jubran

Prof. Dr. Aparecido Jorge Jubran

O atributo title fornece um título sugerido para o elemento.

A sintaxe do atributo title é semelhante à explicada para o atributo id.

O comportamento deste atributo dependerá do elemento que o carrega,

O atributo style permite especificar regras de Cascading Style Sheet (CSS)

Neste momento, não estamos aprendendo CSS, então vamos prosseguir

Existem três atributos de internacionalização, que estão disponíveis para

Quando o atributo dir é usado na tag <html>, ele determina como o

Quando é usado dentro de outra tag, ele controla a direção do texto

O atributo lang permite indicar o idioma principal usado em um

Este atributo foi substituído pelo atributo xml:lang em novos

Os valores do atributo lang são códigos de idioma de dois caracteres

O atributo xml:lang é o substituto XHTML do atributo lang.

O valor do atributo xml:lang deve ser um código de país ISO-639

Veremos exemplos relacionados à medida que prosseguirmos no estudo

Para obter uma lista completa de tags HTML e atributos relacionados,

Se você usa um processador de texto, deve estar familiarizado com a

Qualquer coisa que apareça no elemento <b>...</b> é exibida em negrito

Tudo o que aparece no elemento <i>...</i> é exibido em itálico,

Qualquer coisa que apareça no elemento <u>...</u> é exibida com

Qualquer coisa que apareça no elemento <strike>...</strike> é exibido

O conteúdo de um elemento <tt>...</tt> é escrito em fonte

A maioria das fontes são conhecidas como fontes de largura variável

Em uma fonte monoespaçada, entretanto, cada letra tem a mesma

O conteúdo de um elemento <sub>...</sub> é escrito em subscrito; o

Qualquer coisa que apareça no elemento <ins>...</ins> é exibida como

Qualquer coisa que apareça no elemento <del>...</del> é exibida como

O conteúdo do elemento <big>...</big> é exibido com um tamanho de

O conteúdo do elemento <small>...</small> é exibido com um tamanho

Os elementos <div> e <span> permitem agrupar vários elementos para

HTML - Tags de frase

As tags de frase foram desmarcadas para propósitos específicos, embora

Este capítulo irá guiá-lo através de todas as tags de frases importantes,

Qualquer coisa que apareça no elemento <em>...</em> é exibida como

Qualquer coisa que apareça dentro do elemento <mark>...</mark> é

Qualquer coisa que apareça no elemento <strong>...</strong> é exibida

Você pode abreviar um texto colocando-o dentro das tags de abertura

Se presente, o atributo title deve conter esta descrição completa e nada

O elemento <acronym> permite indicar que o texto entre as tags

Atualmente, os principais navegadores não alteram a aparência do

O elemento <bdo>...</bdo> significa Substituição Bidirecional e é usado

O texto dentro de um elemento <blockquote> geralmente é recuado nas

O elemento <q>...</q> é usado quando você deseja adicionar aspas

Se estiver citando um texto, você pode indicar a fonte colocando-a entre

Como seria de esperar em uma publicação impressa, o conteúdo do

Qualquer código de programação que apareça em uma página Web deve

Normalmente o conteúdo do elemento <code> é apresentado em fonte

Quando você está falando sobre computadores, se quiser dizer ao leitor

Variáveis ​de programação

Este elemento geralmente é usado em conjunto com os

O elemento <samp>...</samp> indica uma amostra de saída de um

É usado principalmente ao documentar conceitos de programação ou

O elemento <address>...</address> é usado para conter qualquer tipo de

Você também pode gostar

Variáveis de programação