Sei sulla pagina 1di 3

TUTORIAL HTML BÁSICO.

HTML é a linguagem de programação que usamos para criar uma


página Web que por sua vez será composta de textos e comandos especiais
que chamaremos de Tags. Não se assuste com o nome, pois se trata de uma
linguagem muito simples, e tem como finalidade básica formatar o texto e
imagens exibidos e criar ligações entre páginas Web , criando assim
documentos com o conceito de Hipertexto.
Como em qualquer outra linguagem, o programador deve escrever o
comandos em HTML que são chamados de tags, e eles irão dizer ao browser
como o texto, a informação e as imagens serão exibidas.
Lembraremos sempre que não é necessário estar ligado à Web para
criar páginas HTML ou para usar os Browsers. Basta que, ao terminar de
escrever sua página no “Bloco de Notas”, você salva seu documento com um
nome qualquer e a extensão HTML , para que o browser possa interpretar suas
páginas.

Quero deixar bem claro que esse tutorial é só para você mandar os seus
trabalhos,certo?
Fiz aqui uma estrutura muito, mas muito simples, se quiser saber mais, é
só ver na internet.
Vamos lá...

Você vai copiar está estrutura no bloco de notas.


Daí é só colocar o que se pede no meio das tag’s.
Você tem que salvar o arquivo como:
Ex: Trabalho.HTML

Veja a figura abaixo, vai aparecer assim.


Se você quiser ver como ficou, é só clicar em cima. Vai abrir uma pagina
na internet.
Se quiser editar é só clicar com o botão direito do mouse
em cima do arquivo, vai em “abrir como” escolha bloco de notas.
Ae é só editar.

Toda vez que você mudar alguma coisa, dê CTRL/S para salvar.
Estrutura a ser copiada no bloco de notas.

<html>
<body>
<justified>
<Font face = "arial" size = "3" color="red">

<br />Aqui você digita o cabeçalho<br />

<Font face = "arial" size = "3" color="black">

<br />Aqui você digita o texto<br />

</body>
</html>

Toda vez que vc quizer mudar de linha vc tem que digitar: <br />
Se vc quizer pular uma linha vc tem que digitar:<p>
Se vc quizer deixar em negrito tem que digitar:<b>Antes da palavra, depois tem
que fechar com:</b>

Exemplo:

<html>
<body>
<justified>
<Font face = "arial" size = "3" color="red">

<br />Olá pessoal.<br />

<Font face = "arial" size = "3" color="black">

<br />Veja que é bem simples, é só usar o que se pede.<br />


<b>É isso ae...</b> <br />

<Font face = "arial" size = "3" color="red">

Abraços.

</body>
</html>
Vamos fazer um teste?

Se vc copiar a estrutura que está aí acima dentro do “bloco de nota”


Vai aparecer como a imagem abaixo.

É só seguir cada passo e tudo vai dar certo.

Espero ter ajudado.

Abraço.

Potrebbero piacerti anche