Ir ao conteúdo
  • Cadastre-se

Principais Tags de HTML


_Luks

Posts recomendados

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 . :D

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:

<span style='color:green'><HTML> {Inicia uma página HTML}

<HEAD>...</HEAD>

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

<TITLE>...</TITLE>

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

<BODY>...</BODY>

{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?

<html> </html>

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.

</p> - 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!!!

B) :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</p> = seria apenas uma frase, tranformando em hyyperlink...

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

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

</span>

Continuem mandando suas tags !!!

Link para o comentário
Compartilhar em outros sites

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</p> = seria apenas uma frase, tranformando em hyyperlink...

forum Clube do Hardware</p>

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 !!

Link para o comentário
Compartilhar em outros sites

  • 2 meses depois...

:-BEER

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":

<u>escreva a frase aqui

Vamos complicar agora!

Para usar uma fonte específica, por exemplo a verdana, use a tag <font face="verdana"> e feche com </font>.

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

<font face="verdana" size="3">aqui vai a frase</font>

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

<font face="verdana" <size="3" color="blue">o texto</font>

Legal, né?! Agora use a imaginação, coloque em negrito, itálico, sublinado... como o freguês quiser!! hehehehehe

Link para o comentário
Compartilhar em outros sites

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

Ebook grátis: Aprenda a ler resistores e capacitores!

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!