[Tutorial]Sua Primeira Página em HTML

Qui Fev 21, 2013 6:46 pm Reputação da mensagem: 100% (2 votos)

Olá pessoal da BG

Tem muito tempo que não venho aqui na BG, e neste tempo que estive fora fui aprendendo/lendo tutoriais na internet relacionados à programação e webdesigner.

E como essa área é pouco visitada, começarei a fazer uma "série" de tópicos/tutoriais ensinando basicamente à criar um bom website, interativo e dinâmico.

Estarei fazendo tutoriais sobre HTML, CSS, JavaScript, JQuery e talvez, PHP.

Vou mostrar umas pequenas linhas de código, e explicar o que cada linha faz e como funciona.

HTML é a sigla para HyperTextMarkupLanguage ou Linguagem de Marcação de Hipertexto.

HTML é basicamente marcações(tags) que irão ser lidas e interpretadas pelo navegador e mostrar o resultado final ao usuário.

HTML não é considerado uma linguagem de programação.

O HTML é bem fácil de se aprender, não é complicado, lembrando que TODA tag no HTML precisa ser aberta e fechada. Irei explicar isso abaixo.

Primeiro, abra o bloco de notas.

SEMPRE que você quiser criar uma página HTML, precisamos começar com a tag

e SEMPRE terminar(fechar) com a tag

Então, adicionaremos essas 2 tags no Bloco de Notas.
Vai ficar assim:

Código:: <html> </html>

Após adicionarmos essas tags no inicio e no fim do nosso documento, já podemos começar a trabalhar com HTML. Em HTML, temos a tag . Ela é responsável por alguns elementos da "cabeça" do site, além de importar o CSS e outros elementos. Então, abaixo do , adicione a tag .

Logo após isso, embaixo do , adicione a tag . A tag title é responsável pelo título do nosso site, o título que irá aparecer no topo do nosso website.

Exemplo: [Tutorial]Sua Primeira Página em HTML Fb9duUo

[Tutorial]Sua Primeira Página em HTML Fb9duUo

Lembrando que TODA tag no HTML precisa ser aberta e fechada, normalmente fechamos com o símbolo "/" na tag.
Por exemplo, se temos a tag , no final do arquivo, precisaremos por a tag , para avisarmos ao navegador que o fim do HTML é ali.

Agora, entre as tags e adicione o nome que irá aparecer no topo do seu website.

Nosso "texto" no bloco de notas ficará mais ou menos assim:

Código:: <html> <head> <title> HTML ! </title> </head> </html>

Agora vamos falar da tag . O body é o corpo do nosso site, todo o conteúdo do nosso site, ficará nesta tag.

Embaixo da tag , digite a frase: "Vamos aprender HTML!".

Embaixo dessa frase, acrescente a tag

Nosso texto no bloco de notas ficará assim:

Código:: <html> <head> <title> HTML! </title> </head> <body> Vamos aprender HTML! </body> </html>

Agora, salve esse documento do bloco de notas como nossosite.html

Pronto, execute esse arquivo. Nosso site ficará assim:

[Tutorial]Sua Primeira Página em HTML EDgPxxh