~ [TUTORIAL] - HTML na Prática (Parte 1) ~
Aqui um tutorial bem fácil de html, sem o uso do css, aprendendo na prática (Parte 1).
Nessa primeira parte do tutorial, vou mostrar somente as tags mais simples e necessárias, e algumas informações úteis junto. Não requer conhecimento, a partir daqui vocês irão conhecer o HTML, seria bom ter em mãos um editor como: PHP Designer (calma não vamos entrar no php só é um ótimo editor), NVU, Dreamweaver. Se não tem, vamos de bloco de notas mesmo! Então vamos lá!
~ Início
Para começar iremos abrir duas tags. Essas duas ai embaixo, digite igualzinho.
- Código:
<html>
<head>
A tag: head, é o cabeçalho, mas nessa página nem vamos usar, Então fechemos, e iremos colocar um comentário dentro.
- Código:
<html>
<head>
<!--A ADICIONAR-->
</head>
~ Corpo
Agora vamos começar o corpo da página. Cores de link, fontes e etc.
Faremos o seguinte:
- Código:
<html>
<head>
<!--A ADICIONAR-->
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#438cb5" vlink="#438cb5" alink="#438cb5">
Bgcolor = Backgroud color, a cor do fundo, no caso: FFFFF, branco.
Text: Cor dos textos não formatados. Qualquer texto que não for indicado uma tag com cor, será da cor padrão, eu usei: 000000, acho que é preto... Eu confundo o preto e o branco... :P
Link: Qual a cor que os links irão receber automaticamente. Eu botei essa aí que não me lembro qual é... Acho que é esse azul do kromus...
vlink: Visited link, link visitado, a cor dos links que já forão visitados/clicados.
alink: Active Link, link ativo, a cor que o link ficará quando passarmos o mouse encima. Botei tudo igual por que na página nem vai ter links...
Próximo... vou cortar a parte de cima, mas não tirem não, é pq não cabe código mto grande aqui.
- Código:
[... continuaçao]
<body bgcolor="#FFFFFF" text="#000000" link="#438cb5" vlink="#438cb5" alink="#438cb5">
<p align="Center">
<font face="verdana" color="#438cb5"><b> ~ A Equipe / Staff - Kromus Design ~ </b></font>
</p>
P: Personalização, personalizar o alinhamento e posição de um texto.
Align: Alinhamento, center = centralizado, right = direita, left = esquerda. Sempre dentro das aspas. E sempre use: = e não : .
Font: determina que estamos falando da fonte.
face: face significa que estamos falando da fonte em si, tahoma, verdana e etc. É bom que só coloque fontes conhecidas no windows, por que se não a maioria dos usuários vão ver aqueles famosos quadradinhos ao invés de texto.
B: Bold, Negrito, assim como o bbcode daqui.
Entre as tags coloca-se o texto, e determina o final do P. < /p > (sem espaços).
Daí pra lá, só repeti os passos, como podem ver aqui completo, na imagem:
![[TUTORIAL] - HTML na prática (Parte 1) Htmlex](https://2img.net/h/i57.photobucket.com/albums/g218/tettyvox/htmlex.jpg)
O resultado final será esse:
![[TUTORIAL] - HTML na prática (Parte 1) 2](https://2img.net/h/i57.photobucket.com/albums/g218/tettyvox/2.jpg)
Não esqueça de fechar todas as tags, e quem fez no bloco de notas, salva em: .html
Qualquer duvida, ou pergunta, postem ae :P
É bom que não só leiam, vão fazendo também...
![[TUTORIAL] - HTML na prática (Parte 1) Vote_lcap](https://2img.net/i/fa/prosilver_grey/vote_lcap.png){kind=small}
![[TUTORIAL] - HTML na prática (Parte 1) Voting_bar](https://2img.net/i/fa/prosilver_grey/voting_bar.png){kind=small}
![[TUTORIAL] - HTML na prática (Parte 1) Vote_rcap](https://2img.net/i/fa/prosilver_grey/vote_rcap.png){kind=small}
![[TUTORIAL] - HTML na prática (Parte 1) Top](https://2img.net/h/virteq.com/public/style_images/memory/top.png)
