Vous êtes sur la page 1sur 20

HTML ou Hypertext Markup Language (Linguagem de formatao de textos) pode ser escrito em

qualquer editor de texto. uma linguagem de marcao de hipertexto e usada para criar sites.

HTML a abreviatura de "HyperText Mark-up Language".

Resumindo uma longa histria, o HTML foi inventado em 1990, por um cientista chamado Tim
Berners-Lee. A finalidade inicial era a de tornar possvel o acesso e a troca de informaes, de
documentao e pesquisas, entre cientistas de diferentes universidades. O projeto inicial tornou-
se um sucesso jamais imaginado por Tim Berners-Lee.

HTML uma linguagem que possibilita apresentar informaes (documentao de pesquisas


cientficas) na Internet. Aquilo que voc v quando abre uma pgina na Internet a interpretao
que seu navegador faz do HTML. Para visualizar o cdigo HTML de uma pgina use o menu
"Exibir" no topo do seu navegador e escolha a opo "Cdigo Fonte" (Cdigo fonte).

Para quem no conhece, o cdigo HTML pode parecer complicado, mas bem simples.
TAG nada mais que tudo que comea com o sinal de menor "<" e o sinal de maior ">", desta
maneira <>. Os TAG so etiquetas ou marcas padres

para fazer indicaes a um determinado browser. Normalmente so

usadas em pares, por exemplo:

<h1> ........................ </h1>

O TAG principal do documento HTML : <HTML> e todo TAG se abre

e se fecha com "/".

abre <HTML>

fecha </HTML>

Existem mais dois TAGs importantes que so os TAGs <head> para criar o cabealho e <body>
para criar o corpo do documento.

abre <head> fecha </head>

abre <body> fecha </body>

Exemplo de Estrutura

<HTML>

<head>

<title>ADS-Primeira Aula de HTML</title> Obs.: este ttulo


ficara visvel na guia do navegador

</head>

<body>

Sejam Bem vindos.

</body>

</HTML>

Conhecendo formatao de TAGs:

Como definir o cabealho do nosso site?

O TAG usado para isto denominado como <h1> conhecido como header1. Pode-se utilizar
h1, h2, h3, h4, h5, h6.

A numerao que acompanha a letra "h" indica o tamanho das fontes. medida que o nmero
cresce o tamanho das letras diminui.

Estes TAGs ficam definidas da seguinte forma: <h1></h1>

Exemplo:

<body>

<h1>
Cenrio Proposto: Locadora Alunos UNOPAR

</h1>

Como formatar pargrafo?

Para que o documento tenha quebra de linha ao final do pargrafo, ou seja, que sejam
separados utiliza-se o TAG <p></p>.

Quando necessitar somente de uma quebra de linha sem dar espao entre linhas pode ser
utilizado o TAG <br>, muito utilizado para exibio de tpicos. O TAG <br> no requer seu
fechamento como as demais.

Ao final do exemplo temos a seguinte linha:

Professores do Primeiro Semestre Merris Mozer Anderson Macedo Srgio Goes

Para melhorar a aparncia deste documento dever ser incluso algumas TAGs:

<p>Professores do Primeiro Semestre</p>

<p>Merris Mozer</p>

<p>Anderson Macedo</p>

<p>Srgio Goes</p>

<p>Adriane Lopper</p>

<p>Roberto Nishimura</p>

Salve o arquivo eadNro2.HTML novamente e atualize o navegador (F5) para observar as


mudanas.

Os TAGs aceitam parmetros, alis aceitam vrios parmetros simultaneamente.

Mas o que so parmetros de um TAG?

So caractersticas que podem alterar este TAG.


Incluindo parmetros no TAG p:

DE: <p>

PARA: <p align="center">, ou seja, ser alinhado o pargrafo ao centro.

Caso o objetivo seja alinhar esquerda ou direita altera-se para o align="right" ou


align="lefth"

<p align="center">Professores do Primeiro Semestre</p>

<p align="right">Merris Mozer</p>

<p align="lefth">Anderson Macedo</p>

<p align="center">Srgio Goes

</p>

Formatao

Nesta etapa do trabalho inicia-se com formataes para destacar algumas palavras
importantes do documento em questo:

Para colocar a palavra em negrito "bold" usamos o tag <b></b> desta forma tudo que estiver
entre o TAG <b></b> ficar em negrito.

Pode-se utilizar tambm o TAG <strong></strong> para deixar negritado, porm o mais comum
o TAG mencionado acima.

Quando desejar destacar um determinado texto e format-lo para itlico, utiliza-se o TAG
<i></i>.

Para exemplificar pode-se alterar a linha do documento:

<p>Professores do Primeiro Semestre</p>

Primeiramente formatar para negrito:

<p><b>Professores do Primeiro Semestre</b></p>

Depois da formatao para negrito deseja-se ainda formatar para itlico tambm.

Ento na linha mencionada deve-se formatar para itlico e negrito ao mesmo tempo.

Sempre observar a hierarquia dos TAGS, no quesito abertura e fechamento dos TAGs,
pois se o primeiro TAG a ser aberto for <i> ele dever ser o ltimo a ser fechado,
basicamente como uma expresso matemtica que utilizam parnteses, colchetes e
chaves.

Ainda existe a possibilidade de destacar palavras, frases e/ou pargrafos deixando as letras
grandes ou as letras pequenas.

Utilizando frase do texto, exemplificando com os TAGs <big></big> e <small></small>:


Atualmente, a empresa conta com um controle de frota

DE: Atualmente, a empresa

PARA: <big> Atualmente </big>, a empresa

DE: conta com um controle de frota

PARA: conta com um <small> controle de frota </small>

Ento a palavra Atualmente ficou maior que as demais e o texto controle de frota est menor
que as demais.

Existe um TAG que s funciona no navegador FireFox denominado <blink></blink>, onde o


texto destaca-se por ficar piscando; um efeito muito legal, mas no funciona em todos os
navegadores.

Professores envolvidos

Exemplo:

DE: Professores envolvidos

PARA: <blink> Professores envolvidos</blink>

Vous aimerez peut-être aussi