tutorial de html
3 participantes
Página 1 de 1
tutorial de html
bom, como vi que ninguém postou aqui, vou fazer um teste e tentar ensinar oque sei de html, aviso que não sou nenhum "mestre do html" mas sei uma coisa ou outra, e espero ajudar
bom, para começar vou explicar o que é html e onde ele normalmente é ultilizado:
html, é uma linguagem de programação muito básica, serve basicamente para criar documentos html, que são usados na hora de criar sites, os profissionais não ultilizam o html puro que é oque eu irei ensinar, usam programas para que tenham um resultado melhor e mais rápido, porém é uma linguagem interessante para se começar no mundo da programação e também, ajudará na hora em que você estiver criando o seu site, saber oque está acontecendo...
bom, falarei agora do básico de uma página (documento html) .
Uma págna é composta de 2 partes: A cabeça e o corpo, essas duas partes tem funções muito distintas na página.
Cabeça
A cabeça, chamada de "head" pois html é em "inglês" digamos assim, é aonde o título da página é escrito, acredito ter falado um pouco disso no meu tutorial de Dreaweaver, mas vou falar de novo:
ela é denominada assim:
é muito semlhante ao BBcode que é usado em fóruns como esse, se você reparar bem..
Corpo
Novamente o inglês entra e é chamado de "body" o body, sendo o corpo da página é onde o texto as imagens e tudo que aparece na página fica. Ele é denominado assim:
Fassa um teste!!! escreva assim no seu bloco de notas:
Depois salve como "teste.html"
abra e se tudo estiver certo o navegador vai abrir e vai aparecer uma página em branco com a seguinte mensagem:
"Isso é um teste"
Bom, por hoje é só, amanhã eu falarei mais!! até lá!!!
--------------------//-----------------------------------//-----------------------------------//----------------------------//-------
EDIT:Vlw cara, agora irei falar como modificar fontes e outras coisas, lembrando que só é possível mudar a fonte no corpo da página
O negrito é usado o tag "<b></b>" assim como no BBcode, você escreve entre o "<b>"e o "</b>"
quando quiser pular uma linha pra baixo a tag é "<br>"
para alterar o tamanho da fonte, ultilize a tag "<font size=insira o tamanho aqui!!!>Insira o texto aqui!!!</font>
vou acabar nesse tópico e criar outro para hyperlinks....
bom, deixarei alguns exercícios para vocês treinarem!!!
--------------//---------------------------------//------------------------------//-----------------------//
1) crie um site de nome qualquer e fassa aparecer um texto em negrito do tamanho 72 na tela.
2) escreva um texto de tamanho 12, que pule linhas.
3)O quê é feito na cabeça do site? E no corpo?
Até a próxima aula!!
Abraços, Link Past.
bom, para começar vou explicar o que é html e onde ele normalmente é ultilizado:
html, é uma linguagem de programação muito básica, serve basicamente para criar documentos html, que são usados na hora de criar sites, os profissionais não ultilizam o html puro que é oque eu irei ensinar, usam programas para que tenham um resultado melhor e mais rápido, porém é uma linguagem interessante para se começar no mundo da programação e também, ajudará na hora em que você estiver criando o seu site, saber oque está acontecendo...
bom, falarei agora do básico de uma página (documento html) .
Uma págna é composta de 2 partes: A cabeça e o corpo, essas duas partes tem funções muito distintas na página.
Cabeça
A cabeça, chamada de "head" pois html é em "inglês" digamos assim, é aonde o título da página é escrito, acredito ter falado um pouco disso no meu tutorial de Dreaweaver, mas vou falar de novo:
ela é denominada assim:
- Código:
<head><title>"digite o título aqui</title></head>
é muito semlhante ao BBcode que é usado em fóruns como esse, se você reparar bem..
Corpo
Novamente o inglês entra e é chamado de "body" o body, sendo o corpo da página é onde o texto as imagens e tudo que aparece na página fica. Ele é denominado assim:
- Código:
<body>"Textos, imagens e tags aqui!!!"</body>
Fassa um teste!!! escreva assim no seu bloco de notas:
- Código:
<html>
<head><title>Página de teste</title></head>
<body>
Isso é um teste!!!
</body>
</html>
Depois salve como "teste.html"
abra e se tudo estiver certo o navegador vai abrir e vai aparecer uma página em branco com a seguinte mensagem:
"Isso é um teste"
Bom, por hoje é só, amanhã eu falarei mais!! até lá!!!
--------------------//-----------------------------------//-----------------------------------//----------------------------//-------
EDIT:Vlw cara, agora irei falar como modificar fontes e outras coisas, lembrando que só é possível mudar a fonte no corpo da página
O negrito é usado o tag "<b></b>" assim como no BBcode, você escreve entre o "<b>"e o "</b>"
quando quiser pular uma linha pra baixo a tag é "<br>"
para alterar o tamanho da fonte, ultilize a tag "<font size=insira o tamanho aqui!!!>Insira o texto aqui!!!</font>
vou acabar nesse tópico e criar outro para hyperlinks....
bom, deixarei alguns exercícios para vocês treinarem!!!
--------------//---------------------------------//------------------------------//-----------------------//
1) crie um site de nome qualquer e fassa aparecer um texto em negrito do tamanho 72 na tela.
2) escreva um texto de tamanho 12, que pule linhas.
3)O quê é feito na cabeça do site? E no corpo?
Até a próxima aula!!
Abraços, Link Past.
Última edição por em Dom Dez 02, 2007 9:39 pm, editado 1 vez(es)
Link Past- Moderação
- Mensagens : 34
Data de inscrição : 27/11/2007
Re: tutorial de html
Valeu Link,tava querendo aprende mesmo html.
^^
Continue assim e você vai longe
^^
Continue assim e você vai longe
Sasuke-kun- Administrador
- Mensagens : 37
Data de inscrição : 26/11/2007
Localização : Manaus - AM
Sasuke
Arena 1: 300
Re: tutorial de html
Obrigado pelo tutorial, Link.
Acho que fiz os exercícios direito, porem não tenho certeza....
Acho que fiz os exercícios direito, porem não tenho certeza....
Pedro_Brásôlïã- Mensagens : 2
Data de inscrição : 03/12/2007
Re: tutorial de html
Posta ae as respostas ou manda por PM que eu vejo ^^
Link Past- Moderação
- Mensagens : 34
Data de inscrição : 27/11/2007
Tópicos semelhantes
» Tutorial de Dreaweaver [1º]
» Tutorial de Dreamweaver [2º]
» tutorial Dreamweaver [3º]
» Outro tutorial
» Abstract Black Hole Tutorial
» Tutorial de Dreamweaver [2º]
» tutorial Dreamweaver [3º]
» Outro tutorial
» Abstract Black Hole Tutorial
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|