Principais Tags de HTML

_Luks · 24 de junho de 2005

Olá galera!

Muita gente tem um sonho de saber construir grandes Sites, etc...

Aqui eu vou dar uma introdução básica para HTML

As páginas da Internet hoje são basicamente feita em uma linguagem chamada HTML. Existem outras linguagenns como: .Net, ASP, PHP, etc...

HTML significa hyper TEXT MARKUP LANGUAGE - Linguagem de Marcação por Hipertextos utilizada na WWW ou World Wide Web. Mais especialmente o HTML determina como os BROWSERS (Internet Explorer, Netscape, Mosaic, Firefox, Opera, etc...) deverão exibir as páginas Web .

O HTML é basicamente feito em códigos (TAGS), que podem ser editado em qualquer editor de texto {Notepad, Word, Worpad,etc...}

As Principais TAGS São:

<HTML> {Inicia uma página HTML}

{Inicia o cabeçalho da página HTML ou parte da página em que "não se vê".}

{Determina o título da barra de título do BROWSER e fica dentro da tag <HEAD>}

{Contém o corpo da página HTML, é o que realmente será exibido pelo BROWSER}

</HTML> {Finaliza uma página HTML}

Você notou que as Tags tem 2 partes?

A 1ª serve para classificar o que você quer escrever

a 2ª serve para FECHAR A TAG. Toda tag tem que ser fechada. Para demonstrar que a tag está sendo fechada usa-se o "/" dentro do corpo da tag.

Ex: <title> Fórum do Clube do Hardware </title>

Mas como faço para escrever um texto???

-Simples!!! Existem outras tags própia para isso.

- escrever palavras

- Escrever palavras em negrito.

- Escrever palavras sublinhadas.

- escrever palavras em itálico.

Existem outras tags que indicam:

Tamanho da fonte (<h1, h2, h3, h4, h5...>)

Fonte

Qubra linha (

)

e outras coisas...

Exemplo de uma página:

<html>

<head>

<title> Fórum do Clube do Hardware </title>

</head>

<body>

Fórum do Clube do Hardware

</body>

</html>

Agora você deve se perguntar...

"Uau...Tanto trabalho pra fazer uma página de internet..."

Você se enganou!!! Só é trabalhoso criar os Códigos - Fontes

Mas Atualmente existem programas que fazem tudo pra você

(Dreamwaver, Frontpage, CoffeCup, etc...)

Se você quiser aprender mais, pesquise, na internet, observe, tente!!!

:palmas:

-----------------------------------------------

Tags Adcionadas:

LINK

aí, bem legal esse topico...dando continuidade , vou dar mais alguns passos pra algo mais serio:

Criando hyperlink: hyperlink é um texto que, quando você clica, vai para uma determinada pagina, como criamos ? fácil, veja só:

forum Clube do Hardware = seria apenas uma frase, tranformando em hyyperlink...

<a h ref="pagina qm q vai ser redirecionado">forum Clube do Hardware</a>

isso é um hyperlink, explikando:

a tag q abre o texto <a href = - local aonde está a pagina q quando clicar, vai abrir. e depois fecha as tags

by lucas.pisa

Continuem mandando suas tags !!!

lucas.pisa · 26 de junho de 2005

aí, bem legal esse topico...dando continuidade , vou dar mais alguns passos pra algo mais serio:

Criando hyperlink: hyperlink é um texto que, quando você clica, vai para uma determinada pagina, como criamos ? fácil, veja só:

forum Clube do Hardware = seria apenas uma frase, tranformando em hyyperlink...

forum Clube do Hardware

isso é um hyperlink, explikando:

a tag q abre o texto <a href = - local aonde está a pagina q quando clicar, vai abrir. e depois fecha as tags

galera...é isso aí, depois posto mais coisa, e se não interessar, não possot, falou

valeu !!

_Luks · 27 de junho de 2005

ótimo! lucas.pisa!

vou editar o tópico e colocar os links!

Wilson Fabiano · 16 de setembro de 2005

Bom pessoal, da mesma forma que aprendi, usando os fóruns da vida, vou contribuir também para os iniciantes. Coisa leve, só alguns efeitos simples, vamos lá:

- Se você quiser colocar uma frase em negrito use , que vem do inglês "bolt":

escreva a frase aqui

- Se quiser colocar a frase em itálico use , em inglês "italic":

escreva a frase aqui

- Se quiser colocar a frase sublinhada use , em inglês "underline":

escreva a frase aqui

Vamos complicar agora!

Para usar uma fonte específica, por exemplo a verdana, use a tag e feche com .

Se quiser dar um tamanho para a frase acrescente size="tamanho de 1 a 6", vai ficar assim:

aqui vai a frase

Vamos colocar uma cor nesse texto: use o parâmetro color="cor da fonte em inglês". Veja como ficou:

o texto