O que são TAGS ? - Criando nossa primeira página em HTML


Bem vindos a mais um artigo, no primeiro eu dei uma pequena definição do html que é uma linguagem de marcação, e falei um pouco da evolução do HTML até o HTML5.

Hoje vamos entender que essas marcações utiliza Tags que são os comandos usados para a construção de sua página na web, elas podem ser abertas, como <BR>, ou fechadas, como <p></p>.

As tags que possuem “/” sempre servem para fechar uma tag antes aberta (</font>).

A estrutura de uma tag é a seguinte símbolo menor que o nome da tag <nomedatag> símbolo maior.

Quase toda a tag é acompanhada de uma tag de fechamento que é
basicamente repetição da primeira tag
com adição de uma barra.
<nomeDaTag></nomeDaTag>

Em HTML absolutamente tudo que você for criar, deve ser feito com o uso de tags.

Vamos supor que eu queira criar um título. A tag para criar títulos é a tag <h1> logo o código seria, <h1>Título</h1>

Criando a primeira página

Muito bem, o primeiro passo é escolher Qual Melhor Editor de Texto Para Programar?

Veja qual o que melhor atenderá suas necessidades.

Feito isso, dando continuidade para criar um site a gente precisa de algumas tags básicas a primeira é a <html>.

As tags são como etiquetas que dizer para nós o que é aquilo que está dentro delas.

Para prosseguir nós vamos criar uma página HTML básica.

Por favor abra seu editor de texto e vamos começar a codificar.

Então a primeira coisa que nossa página HTML deve ter, se caso for em HTML5, e a decoração do chamado <DOCTYPE>. O doctype é simplesmente uma declaração para o navegador que se trata de uma página HTML5.

Após a declaração do doctype vamos criar nota tag html, nessa tag html, nessa página você pode aproveitar e já Inserir a linguagem nesse caso estamos criando uma página em português então é pt-br.

<!DOCTYPE html>
<html lang="pt-br">

Se for só em html é <html>

Aproveite e salve o documento de uma vez, deu um control s e salve na área de trabalho.

Após a declaração do HTML vamos declarar a segunda tag que a gente vai usar, e a tag <head> ela diz onde a cabeça do documento.

Com a cabeça do documento, é que a gente vai implementar scripts, estilos e outras coisas mais complexas que vamos aprender mais com o tempo.

A cabeça também especifica várias informações cruciais sobre a página, como o nome dela.

A terceira tag é a tag <body></body> ela representa o corpo do nosso documento, e é nela que a gente vai inserir todo conteúdo do site.

<!DOCTYPE html>
<html> 
<head></head>
<body></body>
</html>

Se você fizesse o teste agora iríamos perceber, que uma página em branco, sem título, iria aparecer.

Então para resolver o problema nós vamos criar uma tag chamada <title> é ela vai ficar dentro da tag <head>, entre as tags < title> nós vamos inserir o título que  queremos que apareça.

<!DOCTYPE html>
<html> 
<head>
<title>Título do Site</title>
</head>
<body></body>
</html>

Agora é só salvar e testar de novo, o título vai estar lá.

Dentro da tag <body> nós vamos inserir uma tag chamada <p> isso mesmo, ela é composta apenas pela letra p.

Ela indica que dentro dela existe um parágrafo. Vamos inserir um texto qualquer e salvar.

<!DOCTYPE html>
<html> 
<head>
<title>Título do Site</title>
</head>
<body>
<p>Textos</p>
</body>
</html>

Agora é só salvar e abrir para testar sua primeira página web. Por hoje é só, deixe seu comentário e aguarde novos artigos.

Pacote com os 2 cursos completos da danki code por um valor especial! Leve o pacote, e tenha acesso vitalício ao Curso Web Design Express e ao Curso PHP Jedai. Os 2 cursos perfeitos para quem deseja aprender como programar na web.



Nenhum comentário:

Postar um comentário

Trending