Voltar

Ferramentas

Caso queira algumas ferramentes
ou hosts de site gratuitamente eu conheço estas

Nome Tipo Link
Neocities Host Neocities Link
Testar HTML Ferramenta LNCC Site

Informações

Caso Você esteja no celular recomendo botar no modo computador,
porque eu uso imagem para os exemplos.


HTML Basico


Ei! Você mesmo ! ficou afim de estudar html ?
pois saiba que ela é uma linguagem feita para ser simples e rapido
para fazer textos na internet !!
para você ter uma ideia de quanto é fácil
este e seu hello world:

Código

Viu não é muita coisa e a logica por tras e muito simples caro leitor
como você percebeu usamos <> para abrir e fechar as chamadas "Tags"
tá mas e o misterioso "/" ? oque signfica,essa barra e oque define que fechamos uma tag
por exemplo

Código


"<p>" signfica que vamos abrir a tag que signfica um paragrafo, "olá" será nosso texto
e "</p>" signfica que iremos fechar a tag.
Agora que você sabe o basico de tags vou falar de duas dicas uteis para você!
muita dos iniciantes deixam codigo baguncado ou com "execução" feia por exemplo

Código

com esse codigo o texto não vai pular 1 linha mas sim duas!

Imagem

mas então como consertamos isso ?
ao invez de usar "<p>" para cada linha,
usaremos a tag "<br>". mas como usaremos ?
eu vou ter que abrir e fechar as tags toda vez ?
a reposta pra isso é Não !!!
para usarmos "<br>" é simples, veja neste exemplo.

Código

mais uma coisa para terminarmos o essencial de HTML !!
é o ocupamento de tags especificas !!!
tags tipo Block "<h1>" (vou falar mais no futuro)
ocupam espaços invisiveis nas paginas, como um bloco invisivel que não deixa niguém
ficar na mesma linha que as tags estão (oque serve muito bem para titulos)

tá mas e as outras tags ? diferente das tags "Block" que não deixam ninguém ficar na mesma linha
existem tags que são amigáveis chamadas de inline que ocupam somente seu espaço necessário.
Sem ocupar espaços invísiveis.



HTML Tags Basicas


Vou Fazer JáJá