Lição 4 - Tags de Atributo e alinhamento de texto

Lição 4 - Tags de Atributo e alinhamento de texto

 Tags atributos são nada mais nada menos que tags complementares a tags concretas. Por exemplo:

Temos a tag certo? Podemos colocar outros tipos de comandos dentro dessa tag para função de outras.

 Como alinhar um texto em: centro, direita, esquerda e justificado.

 Para fazer esses tipos de funções, você precisa colocar os comandos dentro da tag de parágrafo ou na tag tamanho de fonte (por exemplo) já que esses comandos serão aplicados direto no texto:

NÃO ESQUEÇA DE ABRIR E FECHAR ASPAS!

DETALHE: NÃO DIGITE A TAG PARÁGRAFO NOVAMENTE, E SIM DENTRO DA TAG!

(faça o download para vizualizar o exemplo):

Exemplos de alinhamento de texto.html

Tutorial by: @DRPauloR (autor do blog)
Agradecimentos: Chester-field

Lição 3 - Comandos de textos

Lição 3 -  Comandos de  textos

Para o brownser reconhecer páragrafos, cores, letras grandes ou menores é preciso de uma série de comandos bem fáceis e muito usadas como por exemplo:

Exemplo sem as tags:

Observem que sem nenhuma tag, o texto simplesmente fica junto e confuso, pois o brownser não reconhece páragrafo, cores, etc.

Exemplo com as Tags com a sequência da lista acima (faça o download para vizualizar o exemplo):

meu site.html

Lição 2 - Primeiro teste

Lição 2 - Primeiro teste




 Veja só! Você agora sabe como é a estrutura de html! Vamos testar?


Primeiramente, comece digitando um Nome para o seu site no comando


Exemplo:

E agora o que eu faço?


Simples. Salve a sua estrutura de html, mas da seguinte forma:


1) Arquivo > Salvar como...


2) Nome do arquivo.html (ponto html)

Esse ".html" é para abrir ao brownser. Logo após salvar em ".html" abra no brownser.

Observe que uso o navegador Chrome, mas você pode usar o Firefox ou Internet Explorer entre outros.Lembrando que alguns códigos não funcionados em determinados navegadores.

Lição 1 - Estrutura de HTML

Lição 1 - Estrutura de HTML




 O ser humano é formado por: átomos> moléculas > células > tecidos > órgãos > sistema.


 Um site é formado por: códigos de html (que dará a forma de tudo).


 Exemplifiquei dessa maneira para você ententeder a estrutura do html que é parecida conosco, seres humanos.


Primeiro de tudo, abra o seu bloco de notas (Iniciar> Todos os programas > Acessórios > Bloco de notas) ou se preferir no teclado (Botão Windows> R> digite "notepad")


Digite a estrutura:

Introdução HTML

Introdução HTML


 Daqui pra frente, farei tutoriais e dicas de HTML. Serão simples, mas com um tempo e aperfeiçoamento você irá usar para muitas funções relacionando um código ao outro.


Mas, o que é HTML?
HTML (HyperText Mark-up Language) são basicamente códigos no qual o brownser (navegador) faz uma leitura e transforma em informações que dará origem desde páragrafos até imagens e videos.


Esses códigos são na realidade chamada de TAGS formada por sinal de maior (>) e menor (<). Dentro delas vão comandos em inglês.


Digamos que esses sinais (< e >) vão abrir um comando, e tudo que abre tem que fechar (detalhe extremamente importante). Use a barra (/) para fechar esse comando. Por exemplo:


(Abertura do comando)


(Fechamento do comando)


A barra (/) vem antes do comando, assim fechando o seu código. 


OBS: NUNCA ESQUEÇA DE FECHAR ALGUM COMANDO, AO CONTRÁRIO O CÓDIGO NÃO IRÁ FUNCIONAR!!!


Complicado? Calma, você verá que isso é questão de atenção, já já suas dúvidas sumirão (ponto de vista otimista e com rima!).