Scroll Top

Aprenda tudo que você precisa para criar o seu negócio na internet.  São 30 vídeos aulas totalmente gratuitas. Basta se cadastrar em um de nossos formulário.

Tutoriais

Fazer sites – Mini curso de HTML – parte 3

fazer sites

Para quem deseja criar negócios online, é fundamental conhecer código HTML para fazer sites na web, sem o qual não será possível criar sites ou até mesmo fazer a manutenção deles. Pode até parece um pouco difícil fazer sites usando html sem ter conhecimento, isso é verdade. Mas com tantas informações na internet nos dias atuais, isso não é mais desculpara para tentar criar negócio online sem ter conhecimento em HTML.

A nossa intenção cm estas postagens que você caro leitor, aprenda a fazer sites conforme a sua criatividade e capacidade. Pode até ser que no início você não consiga fazer sites como um profissional, mas com prática e dedicação você terá a capacidade para criar sites profissionais e lucrativos.

 Para fazer site você vai precisar:

–  Conhecer a linguagem HTML para escrever o código fonte de sua página;
–  Um editor de textos para gerar o seu código fonte (bloco de notas, word, Wordpad, eu recomendo o Notepad++ que é o melhor para se iniciar e é o que eu uso) você pode baixar de qualquer um deste editores em vários sites da internet;
–  Um navegador de internet para visualizar as suas páginas (Netscape, Internet Explorer, Opera. Google Chrome).

TAGs
Os comandos HTML são chamados de TAGs, compreendem de marcas padrões que são utilizadas para fazer indicações a um browsers ao fazer sites para web.

Assim como em outras linguagens, os comandos têm uma sintaxe própria, e seguem algumas regras:

‹ As TAGs aparecem sempre entre os sinais de “menor que”(<) e “maior que”(>);
‹ Geralmente são utilizadas aos pares, sendo que a TAG de finalização de um comando qualquer é finalizada com a precedência de uma barra (/).

Em geral:
<nome da TAG> t e x t o </nome da TAG>

onde:
<nome da TAG>: indica o início da TAG
</nome da TAG>: indica o fim da TAG

Para criar uma página Web ou fazer sites, você pode utilizar qualquer editor de texto simples, até mesmo o bloco de notas do Windows. Porém é mais prático utilizar um editor de HTML, que escrevem parte dos comandos para você. Salvando os seus documentos em HTML 

1. Clique no menu ARQUIVO e escolha a opção SALVAR COMO;
2. Selecione o local,ou pasta onde você irá salvar seus arquivos;
3. Na caixa de texto NOME DE ARQUIVO, digite o nome_do_arquivo.htm. Não 
esqueça da extensão: *.htm ou *.html; 4. Na caixa de texto SALVAR COMO TIPO, selecione todos os arquivos (*.*);
5. Clique em salvar.


MODELO BÁSICO DE PÁGINA WEB

Uma página Web criada em HTML, possui três partes básicas: estrutura principal, um cabeçalho e um corpo de página. 


Possui uma estrutura dividida em 4 TAGs básicas:

<HTML> … </HTML>
<HEAD> … </HEAD>
<TITLE> … </TITLE>
<BODY> … </BODY>

 

Onde:

<HTML> … </HTML>
São usados para delimitar os comandos HTML, indicam o início e o fim de um documento. O browser reconhece a TAG <HTML> e identifica que o documento que virá à seguir deve ser interpretado como HTML.


<HEAD> … </HEAD>
Delimitam a seção do cabeçalho do documento onde serão definidos poucos 
comandos de linguagem, o mais importante é o título que é exibido na barra de títulos do browser ao fazer sites em html. 


<TITLE> … </TITLE>
Definem o título da página que pé exibido na barra de títulos do browser. Estas 
TAGs devem estar sempre dentro das TAGs <HEAD></HEAD>. 


<BODY> … </BODY>
Dentro desta TAG estão os elementos da página web. ÉW onde estão 
localizados as os textos, imagens, ligações com outras páginas, etc… 


Exemplo: 

<HTML>
<HEAD>
<TITLE> CURSO DE HTML – PÁGINA BÁSICA</TITLE>
</HEAD>
<BODY>
DESENVOLVENDO PÁGINAS DE INTERNET
</BODY>
</HTML>

mini_curso_html1

 

TÍTULOS

Todo documento em HTML deve possuir um título. De um modo geral aparece em um lugar separado da página, na maioria das vezes no alto da tela dos  navegadores. 

Ao fazer sites utiliza-se títulos para identificar o documento. É Interessante que o título possa sugerir claramente o conteúdo do documento facilitando o entendimento do leitor. 


Exemplo:


<HTML>
<HEAD>
<TITLE> Curso de HTML </TITLE>
</HEAD>
<BODY>
<H2> Visualize a parte superior da janela do navegador </H2>
</BODY>
</HTML>

Como fica no navegador:

mini_curso_html2

 

Leia a Parte – 4 Aqui!

Leia a Parte – 2 Aqui!

 

 

Está Gostando do Artigo?

Se inscreva em nossa lista e receba 30 vídeos aulas grátis, ensinando como criar o seu negócio na internet a partir do zero.

| Website

Sou blogueiro por que gosto de ler e escrever. Criei este blog para te ajudar a criar o seu negócio na internet e ter um novo estilo de vida.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.
error: Este conteúdo está protegido ! Se precisar de alguma coisa envie mensagem pelo formulário de contato.