Html é a abreviação para HyperText Markup Language, que significa "linguagem de marcação de texto".
Então um documento html é um arquivo de texto simples, podemos criar em um dos programas mais simples do windows o notepad ou bloco de notas.
como o html nós podemos criar páginas web utilizando as tag´s que são conhecidas como etiquetas, é com elas que iremos informar como a página web será exibida no navegador, por exemplo um texto em negrito ou inserir uma imagem, etc...
a estrutura básica do HTML
<html>
<head>
<title>estou aprendendo HTML</title>
</head>
<body>
aqui vem o conteúdo da página
</body>
</html>
as tag´s começam com o sinal < e terminam com >
com a tag <html> informamos ao computador que estamos criando um documento html e precisamos informar o final deste documento com a tag de fechamento </html>
com a tag <head> colocamos o cabeçalho da página que conterá outras informações que estudaremos em outras aulas.
com a tag <title> inserimos o título da página, é aquele texto que aparece na barra azul do navegador.
e a tag <body> define o corpo do site, a parte visual.
aqui no curso utilizaremos o programa Note Pad ++ que pode ser baixado aqui http://www.fileserve.com/file/bZefJ4R/npp.6.2.Installer.exe
mas você pode escolher outro editor de sua preferência.
baixe o programa e abra.
vamos criar nossa primeira página HTML
abra o notepad++
você irá se deparar com esta tela:
com o botão inverso do mouse cliem na aba change.log e clique na opção fechar esta aba.
agora clique no menu linguagem vá até H e clique em HTML esta é a linguagem que iremos utilizar.
agora digite o código abaixo:
<html>
<head>
<title> minha primeira página HTML </title>
</head>
<body>
olá, estou aprendendo HTML
</body>
</html>
ficará assim:
agora clique em arquivo > salvar e coloque o nome do arquivo como index
agora abra a página com um duplo clique sobre o arquivo
e no corpo do site aparece o texto que inserimos na tag <body>
olá, estou aprendendo HTML
nós poderiamos fazer a mesma coisa com o bloco de notas do windows para isso quando fossemos salvar o arquivo precisariamos escrever index.html.
no decorrer do nosso curso iremos ver muitas tags html que irão ajudar a melhorar nossas páginas, como fontes, imagens, videos, etc...
vou deixar aqui um exercício muito simples pois esta aula foi muito simples, mas quando chegarmos em programação javascript e php vai ficar um pouco mais complicado, mas vai ser fácil.
bom o exercício é construir uma pequena página html como esta que acabamos de fazer aqui
você podem inserir qualquer título na página e na próxima aula veremos formatação de texto para construir o corpo da nossa página utilizando textos.
você pode baixar o arquivo html criado nesta página aqui http://www.fileserve.com/file/WSvrX4J/index.zip você irá precisar de um descompactador.
se você não tem o winrar instalado em seu pc clique neste link para baixar: http://www.baixaki.com.br/site/dwnld2657.htm
até a próxima!!!
Nenhum comentário:
Postar um comentário