Pular para o conteúdo principal

Dia #2: de volta ao básico - ou, recomeçando HTML

Resolvi dar outra chance ao w3schools e comecei a reler a seção de HTML do site. Vou criar alguns resumos pra postar aqui e, quem sabe, melhorar minha fixação do assunto.

 HTML: significa Hyper Text Markup Language, e é uma linguagem pra descrever a estrutura de uma página Web, através de elementos que informam ao navegador como mostrar o conteúdo. Esses elementos são representados por etiquetas (tags), que não são exibidas pelo navegador. Algumas delas são:
  •  <!DOCTYPE html>: define o documento como sendo do tipo HTML5 (última versão do HTML, em vigor desde 2014). Essa etiqueta aparece apenas uma vez antes de qualquer outra de HTML.
  • <html>: elemento raiz de uma página HTML
  • <head>: elemento que contém os meta-dados de uma página HTML
  • <title>: elemento que especifica um título para uma página HTML
  • <body>: elemento que compreende o conteúdo visível de uma página
  • <h1>: elemento que define um título grande
  • <p>: elemento que define um parágrafo
As etiquetas sempre vêm entre um sinal de menor que "<" e maior que ">", e normalmente vêm em pares, como <p></p>. A primeira etiqueta é a de início (starter tag) e a última é a de final (end tag). A diferença entre as duas é a barra "/".

Vi num dos vídeos do PBTech que, quando se trata de boas práticas de programação, sempre é bom organizar as etiquetas de modo que as maiores fiquem com um recuo anterior com relação às menores. Dessa forma (improvisei com os pontinhos porque ainda não aprendi a dar parágrafos rs):

<!DOCTYPE html>
<html>
  • <head>
    • <title>Título da página</título>
  • </head>
  • <body>
    • <h1>Título da postagem</h1>
    • <p>Primeiro parágrafo</p>
  • <body>
</html>

Vou usar a plataforma do w3schools para mostrar como a página vai evoluindo à medida que aprendo novos comandos.

Por hoje é isso, até o próximo post!

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Dia #0: O começo de uma jornada - ou, por que programar?

Antes de qualquer coisa, inclusive de iniciar com a série de posts que acredito que vão dominar esse portal (espero), sinto que preciso escrever uma breve introdução sobre mim mesmo, a fim de dar um norte a essa empreitada. Meu nome é Marco, tenho 27 anos, sou bancário de uma capital do nordeste do Brasil. Resolvi começar esse diário como forma de manter registrados os passos de um projeto que há muito tempo tenho tido vontade de empreender: aprender programação. Por que programar? Vamos por partes: À medida que me aproximo dos 30 anos, me preocupo cada vez mais sobre meu lugar no mundo, onde e como quero me estabelecer, e já tinha esses aspectos, de certa forma, bem definidos na minha mente. A ideia seria me estabelecer no serviço público, através de concurso, uma vez que me atrai a ideia de estabilidade e o setor remunera bem se comparado com a iniciativa privada em geral. Infelizmente (ou não), há cerca de 2 meses meu país foi tomado por uma pandemia que me fez repensar to...
Postar um comentário
Leia mais

Dia #1: escolhendo uma linguagem de programação - ou, pra onde ir?

Uma das coisas mais complicadas de se começar algo totalmente novo é, de fato, começar - especialmente quando você não sabe por onde ir. Nessa minha empreitada com a programação não tem sido diferente, uma vez que existem dezenas de linguagens diferentes e centenas de usos possíveis para cada uma delas. Minha bagagem de conhecimento não é de grande ajuda: aprendi um pouco de programação quando cursei ciência da computação na faculdade, há cerca de 10, 11 anos atrás. Não preciso dizer que, além de não lembrar quase nada (exceto que a turma fazia uns algoritmos em C), muita coisa mudou na área. Assim, resolvi recorrer a um amigo que mora no Canadá e trabalha com programação (ou seja, aquilo que hoje é meu sonho de consumo). Conversei com ele e ele me sugeriu começar por desenvolvimento web, especialmente front-end, por ser, talvez, mais "amigável" para um iniciante. Desenvolvimento web, como o nome sugere, envolve tudo entre a criação e manutenção de websites. Já o front-en...
Postar um comentário
Leia mais