Introdução ao HTML
O que é um arquivo HTML ?
- HTML significa Hyper Text Markup Language (Linguagem de Marcação de Hyper Texto).
- Um arquivo HTML é um arquivo de texto com markup tags (etiquetas de marcação).
- As estiquetas de marcação dizem ao Navegador como mostrar a pagina.
- Um arquivo HTML tem que ter uma extensão htm ou html.
- Um arquivo HTML pode ser criado utilizando um simples editor de texto.
Você quer testa-lo?
Se você utilizar Windows, abra o Bloco de Notas.
Digite o seguinte texto:
<html>
<head>
<title>Titulo da pagina</title>
</head>
<body>
Esta é minha primeira pagina de internet. <b>Este texto está em negrito</b>
</body>
</html>
Salve o arquivo como "minhapagina.htm".Inicie seu navegador de Internet. Selecione "Abrir" (ou "Abrir Pagina") no meu Arquivo do seu navegador. Uma janela ira aparecer. Clique em procurar e localize o arquivo que voce acabou de criar - "minhapagina.htm" - selecioneo e clique em "Abrir". Agora voce deve ser um endereço na janela, por exemplo "C:\MeusDocumentos\minhapagina.htm". Clique em OK, e o navegador irá mostrar a pagina.
Exemplo explicado
- A primeira marcação no seu documento HTML é <html>. Essa marcação diz ao seu navegador que este é o começo de um documento HTML.
- A ultima marcação no seu documento é </html>. Essa marcação diz ao seu navegador que este é o fim do seu documento HTML.
- O texto entre a marcação <head> e a marcação </head> é uma informação de cabeçalho. Informação de cabeçalho não é exibida na janela do navegador.
- O texto entre a marcação <title> e a marcação </title> é o título do seu documento. O título é exibido na barra de título do seu navegador.
- O texto entre a marcação <body> e a marcação </body> é o texto que será exibido no seu navegador.
- O texto entre a marcação <b> e a marcação </b> será mostrado em negrito.
Extensão HTM ou HTML?
Quando você salva um arquivo HTML, voce pode usar tanto a extensão .htm ou a extensão .html. Nós temos usado .htm em nossos exemplos. Talvez isso seja um mal habito herdado do passado quando alguns dos programas mais utilizados só permitiam extensões de 03 letras.
Com programas mais novos nós achamos que será perfeitamente seguro utilizar .html.
Nota sobre editores HTML:
Você pode editar arquivos HTML facilmente utilizando um editor WYSIWYG(what you see is what you get - o que voce vê é o que voce consegue) como o FrontPage ou o Dreamweaver, em vez de digitar suas próprias marcações num simples arquivo de texto.Entretanto, se voce realmente quiser ser um desenvolvedor Web, nos recomendamos fortemente que voce utilize um simples editor de texto para aprender seus primeiros HTML.
Feito utilizado Google Docs :-D