MINICURSO BÁSICO DE HTML

Eu resolvi fazer esse minicurso básico de HTML, com a intenção
de ajudar quem pretende fazer uma página neste "tilde hole".

NãoéporqueoJeffnãosabecriarlistadelinkscofcof

Eu irei ensinar as tags básicas, que não podem faltar em nenhum
código HTML e também a forma correta de usar
, 
 e a forma correta de usar isso com a tag
.

Se não fizer isso corretamente, os retro clubeiros não
conseguirão acessar todos os "tildes" do Hole, sem ter que digitar
o caminho da URL. Pois o Links não renderiza certo.

Apesar que o lema do clube é: Ser uma rede social lenta. Mas enfim.

Começando  pela primeira tag:
```

```

É essa tag que diz ao navegador qual é a versão do HTML.
E sem ela, o conteúdo pode não renderizar de forma correta.

Aliás, para quem gosta de usar umas tags que não são mais
compativeis com a versão atual do HTML, recomendo aprender HTML4
transitional.

A segunda tag é:
```

```
Não me pergunte o porquê. Mas é obrigatória!

A terceira tag é:
```

```
É onde ficará o cabeçalho da página. Título, CSS etc.

Para quem pretende fazer um layouts responsivo (mais a ver com CSS)
a tag a seguir é de extrema importancia.
```

```

Já deve ter reparado em uma coisa. Todas as tags ficam entre "<" e
">" O nome da tag vem depois de "<" e sempre termina antes de ">".
O que vem depois do nome da tag e antes de ">", são atrtibutos. No
caso da tag "" acima, o atributo é "charset". Ao lado do
"charset" tem um sinal de "=" e um valor entre áspas.

Esse valor depende muito da tag. No caso da tag acima, diz ao
browser que há supórte para todos os idiomas.

Uma tag relevante para quem vai usar CSS é:
```

```

Há dois meios de usar CSS. Uma é incorporando no próprio arquivo
HTML. Mas dessa forma você teria que inserir o mesmo código CSS
em outros HTML's e isso é um uso desnecessário de espaço.

Outra é importando um arquivo CSS que pode ser usado para
multiplos layouts.

Agora a tag para dizer o que irá aparecer na barra de título e na
aba.
```

```
E agora aprendemos a "fechar" uma tag. Não são todas que
precisam, mas é importante saber disso.

E aqui fechamos o cabeçalho
```

```
e começamos o conteúdo, que fica todo dentro da tag
```

```

Agora começamos a criar

Há muito mais para se aprender, mas vamos focar na filosofia retro.

Para quem pretende fazer layouts com CSS, é importante conhecer a
tag "
" e seus atributos.

Para que o CSS saiba onde fazer a alteração visual, precisa
atribuir uma classe.
```
Blah etc. poo
```
O atributo class pode ser usado em toda tag que exibe
conteúdo na tela.

Se for escrever um artigo, vai querer inserir um título e subtítulo
```
Título
Subtítulo
Vai até "h7".
```

HTML não reconhece quebras de linhas. Você pode quebrar uma linha
usando "
", mas para escrever parágrafo inteiros é inviável.

Para parágrafos, use:
```
Pou Piu
```
Você pode definir a largura do parágrafo com CSS.

Os hyperlinks (links clicaveis) são feitos coma tag "". Da
seguinte forma:
```
Nome do link
```
E para fazer o link abrir em outra aba (ou janela), use o atributo
'target="_blank"'.
```
Uau!
```

Agora o ponto em que o Jeff errou

Existem duas maneiras de fazer listas em HTML. Uma é com "
",
que numera as listas e "
", que adiciona um ponto à esquerda
dos elementos.

Para nosso exêmplo, vamos usar "
". Depois da tag "
", vem
a tag "
", que é onde fica o item da lista. Cada item é um
"
" e todo "
" precisa ser fechado com "
". Também pode
inserir links nas listas. E a lista termina com "
".

Podem ser criados subitems em listas. Basta abrir mais uma "
"
antes de fechar com "
.":

```

Item 1
Item 2
Olha lá Um link em uma lista

Subitem


```

Para deixar palavras e fráses em negrito:
```
AAAAAAAAAAAAHHHHHHHHHH!
```

Italico:
```
MI
```
Stroke:
```
AAAAAAAHHHHRRRWWEEEUERREOOUUWBWKGPLRFFR
```

E fechamos todo o conteúdo
```

```
e todo o HTML
```

```

Se qiser ter certeza que o código segue as normas, cheque isso em
```
validator.w3.org
```

E aqui encerramos o minicurso básico de HTML. Faça bom proveito!=)


Publicado em: Mar.23.2024
Publicado por: Lera
___________________________________________________________________
                 Gophered by Gophernicus/3.1.1 on Debian/12 x86_64