You are on page 1of 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>

You might also like