Boa tarde, trago agora um mini cursinho ensinando sobre HTML, Vamos aprender um pouco sobre a historia do HTML.
Boa tarde leitores, vamos agora ver qual conteúdo será tratado nesse primeiro post de HTML.
Desenvolvendo um site simples em HTML com o Bloco de notas do Windows.
Finalidades:
1. Apresentar aos iniciantes a estrutura básica de um documento HTML;
2. Funções das tags delimitadoras;
3. Criando um título para o seu site;
4. Digitando frases no corpo site;
5. Salvando no formato HTML;
6. Visualizando o site em um navegador.
1º Apresentar aos iniciantes a estrutura básica de um documento HTML.
2º Funções das tags delimitadoras.
Um documento com extensão (.html) ou (.htm) tem a seguinte estrutura.
<html> </html> : Define o inicio de uma página em html.
<head></head> : È como se fosse o celebro do site, nele serão colocados alguns efeitos em CSS e etc... o básico que é o essencial para a Tag Head é a Tag Title que fica entre as tags Head.
<title></title> : Aqui será o titulo do seu site.
<body></body> : Esta tag é o corpo do seu site, onde deve ficar as postagens imagens, links videos e etc...
3º Criando um título para o seu site.
Para criar um titulo para seu site é preciso escrever entre as tags Title, o que estiver escrito entre elas será o titulo do seu site.
4º Digitando frases no corpo do site.
Para digitar algum conteúdo no corpo do site é preciso escrever entre as tags body.
5º Salvando no formato HTML.
Existe alguns programas profissionais para edição de arquivos HTML, mais existe um programa que em todo computador tem, o NotPad ou o Bloco de Notas, no momento vamos aprender trabalhando no bloco de notas.
Abra o bloco de notas e digite o seguinte :
<title>Meu 1º Site</title>
</head>
<body>
Meu primeiro site, recursos-net.blogspot.com
</body>
<html>
Pronto seu modelo de site esta pronto, essa é seu esqueleto, sua estrutura básica. Para salvar em formato html ou htm faça o seguinte :
6º Visualizando o site no navegador.
Vá até a pasta onde você salvou seu projeto e dê um duplo clique para abrir no seu navegador padrão.
Pronto seu 1º web site foi feito com exito, em breve novos posts sobre HTML.
Baixe aqui o arquivo site1.html se tiver dúvidas
<html><head>
<title>Meu 1º Site</title>
</head>
<body>
Meu primeiro site, recursos-net.blogspot.com
</body>
<html>
Pronto seu modelo de site esta pronto, essa é seu esqueleto, sua estrutura básica. Para salvar em formato html ou htm faça o seguinte :
Clique em arquivo -> Salvar Como -> site.html
6º Visualizando o site no navegador.
Vá até a pasta onde você salvou seu projeto e dê um duplo clique para abrir no seu navegador padrão.
Pronto seu 1º web site foi feito com exito, em breve novos posts sobre HTML.
Baixe aqui o arquivo site1.html se tiver dúvidas
Kaíque Luan
recursosnet@hotmail.com.br
Desejo a vocês muito $uce$$o
0 comentários:
Postar um comentário
Poste sua crítica, dúvida e Opiniões.