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.
Deixe uma resposta