Olá caro leitor (a) do Blog Matheus Art!
É com muita alegria, que estou disponibilizando para todos vocês um curso inteiramente grátis de HTML.
Serão 3 tópicos por aula e duas aulas de 2 em 2 dias. Continue lendo e veja como é essa linguagem tão falada atualmente.
O QUE É HTML?
HTML (HyperText Markup Language - Linguagem de Marcação de Hipertexto) é a uma linguagem considerada a base de todas as outras linguagens de desenvolvimento de projetos para WEB. Com ela você pode compartilhar fotos, vídeos, músicas, textos e fazer muitas coisas.
A linguagem HTML foi criada com a visão de que todos os dispositivos deveriam ser capazes de usar informações da Web: PCs com placas de vídeos e monitores de diferentes resoluções e profundidades de cores; telefones celulares; dispositivos para processar entrada e saída de voz; computadores com taxa de transferência alta ou baixa e assim por diante.
Foi a primeira linguagem no setor e é usada amplamente até os dias atuais. Foi criada pelo Tim Berners Lee quando ele trabalhava como pesquisador para o CERN (Laboratório Europeu de Física de Partículas, na Suíça). Foi popularizado pelo aparecimento do browser Mosaic, criado por Marc Andreessen quando ele estudava na Universidade de Illinois.
Existe muita coisa relacionada com a história do HTML. Mas eu nesta apostila pretendo apenas ensinar como usá lo.
PRIMEIRA PÁGINA EM HTML
Uma página básica em HTML é um arquivo de texto simples contendo o texto da página e os comandos HTML que definem a formatação das mesmas.Os comandos são indicados entre os marcadores chamados TAG que vem entre os símbolos de < e >. A maioria dos comandos é usada em pares, sendo que quando você abre alguma TAG como, por exemplo, a TAG você precisará fechar repetindo a TAG assim:
. A TAG com barra (/) significa que está fechando a que esta sem barra.
Exemplos:
Existem muitos programas que já montam o código-fonte da sua página automaticamente. Mas desta forma você não irá conseguir fazer uma página legal.
Para fazer uma página legal você vai ter que aprender HTML. E para aprender você terá que praticar. Ou seja, as suas primeiras páginas deverão ser feitas no Bloco de Notas e depois que você já estiver crack em escrever as TAG do HTML poderá sim usar um editor HTML. Mas isso eu falarei mais adiante.
Criando sua primeira página HTML.
Agora vou explicar tudo o que você escreveu.
A TAG indica que você iniciou um arquivo HTML.
A TAG indica que você abriu um cabeçalho.
A TAG que deve ser usada dentro do cabeçalho , serve para colocar titulo na página, é aquela frase que aparece na barrinha azul do Windows XP quando a página está aberta.
Veja a foto abaixo:
A TAG indica que se iniciou o corpo da pagina. É dentro desta TAG que vai boa
parte das TAG utilizadas para fazer uma página.
Diga para todos do Twitter que você está fazendo o Curso de HTML Matheus Art
Criando sua primeira página HTML.
Primeiramente crie uma pasta para salvar as páginas. De preferência na Área de trabalho (Desktop).
Sempre deixe os arquivos do site muito bem organizados, assim facilita e muito o desenvolvimento dele. Depois de criado uma pasta no Desktop ou em qualquer outro lugar de sua preferência abra o Bloco de Notas.
Menu Iniciar - Programas - Acessórios - Bloco de Notas
Sempre deixe os arquivos do site muito bem organizados, assim facilita e muito o desenvolvimento dele. Depois de criado uma pasta no Desktop ou em qualquer outro lugar de sua preferência abra o Bloco de Notas.
Menu Iniciar - Programas - Acessórios - Bloco de Notas
Depois de aberto digite o seguinte código:
Agora vou explicar tudo o que você escreveu.
A TAG indica que você iniciou um arquivo HTML.
A TAG indica que você abriu um cabeçalho.
A TAG
Veja a foto abaixo:
A TAG indica que se iniciou o corpo da pagina. É dentro desta TAG que vai boa
parte das TAG utilizadas para fazer uma página.
A TAG indica que se iniciou o corpo da pagina. É dentro desta TAG que vai boa parte das TAG utilizadas para fazer uma página. A TAG indica que abriu um novo parágrafo. O atributo ALIGN como o próprio nome diz serve para especificar o alinhamento. E CENTER significa que o alinhamento é no centro. Caso você queira colocar o texto na esquerda troque o CENTER por LEFT, ou por RIGHT para a direita e ainda pode colocar JUSTIFY para deixar o texto justificado.
O código deve ficar assim:
O código deve ficar assim:
Vamos para o próximo passo!
Depois de digitado o código acima, salve o arquivo como primeira.html. Lembre-se de digitar o .html no final do nome do arquivo. Pois se digitar apenas primeira e já clicar em salvar o Bloco de notas vai pensar que você está fazendo um arquivo de texto comum, e irá salvar em formato TXT. Deixe a codificação como ANSI.
Depois de digitado o código acima, salve o arquivo como primeira.html. Lembre-se de digitar o .html no final do nome do arquivo. Pois se digitar apenas primeira e já clicar em salvar o Bloco de notas vai pensar que você está fazendo um arquivo de texto comum, e irá salvar em formato TXT. Deixe a codificação como ANSI.
PRÓXIMA AULA:
- Principais marcadores do HEAD
- Principais marcadores do BODY
- Inserção de texto na página
Diga para todos do Twitter que você está fazendo o Curso de HTML Matheus Art
Currently have 0 comentários: