Tutoriais HTML/CSS Html 3. Sua primeira pagina
Html
3. Sua primeira pagina
http: / /www. tiagosouza. com
Uma página HTML é dividida em duas partes, a cabeça e o corpo. Na cabeça (ou cabeçalho) são definidos os atributos principais do documento, como o título e as palavras-chave. O corpo contém a parte visível do documento, i.e, aquela que você verá processada em seu navegador . Existe ainda uma região da página que está tanto fora da cabeça quanto do corpo (não! não é a falta de juízo!) , mas não iremos entrar nesse mérito.
3.1 - O que está dentro de um arquivo em HTML?!
- Um arquivo HTML é constituído por textos que definem os elementos da linguagem HTML usando "etiquetas de marcação" ;
- As etiquetas de marcação dão instruções ao navegador sobre a estrutura do documento e sobre a forma de como a página deve ser apresentada graficamente;
- Os arquivos HTML podem ser escritos usando um simples editor de textos e seus nomes devem possuir a extensão .html
3.2 - Experimente você mesmo
Bom, se você util za o Windows (95, 98, 2000, XP, etc) , inicie o Bloco de Notas (Notepad).
Agora digite o seguinte texto:
<html>
<head>
<title> Titulo da Página </title>
</head>
<body>
Esta é minha primeira página. <b>Este texto está em negrito</b>
</body>
</html>
Salve este arquivo com o nome index.htm
Abra o seu navegador. Agora abra o arquivo que você salvou acima, chamado index.htm utilizando as opções do menu ou arrastando o ícone do arquivo para dentro da janela do navegador. Observe o resultado.
3.3 - Explicação do Exemplo
A primeira tag em seu documento HTML é <html>. Esta tag define o início de um documento HTML e indica ao navegador que todo conteúdo posterior deve ser tratado como uma série de códigos HTML. A última tag em seu documento deverá ser </html>. Esta tag indica ao navegador que é o f im de seu documento HTML.
O texto entre as tags <head> ... </head> é a informação do cabeçalho. Nenhuma informação contida no cabeçalho é exibida na janela do navegador.
O texto entre as tags <title> ... </title> é o ítulo de seu documento. O título será exibido na legenda do navegador, na parte de cima do browser.
O texto entre as tags <body> ... </body> são as informações que serão exibidas na página.
O texto entre <b> ... </b> ficará com o estilo Negrito (Bold)
3.4 - Devemos usar a extensão .htm ou .html?
Os nomes dos arquivos escritos em HTML devem ter a extensão.html, mas a extensão.htm ainda é utilizada. Este fato é uma herança dos tempos (préhistóricos no que diz respeito à Internet) do MS-DOS e do Windows 16 bits, em que os nomes dos arquivos tinham no máximo 8 caracteres e as suas extensões não podiam ter mais de 3 caracteres.
Essas deficiências, que no passado obrigaram a usar a extensão.htm em vez de .html já foram eliminadas. Por isso devemos usar a extensão.html, a não ser que exista uma boa razão para você estar utilizando.htm (pouco provável ).
3.5 - Editores "Puros" versus WYSIWYG
Existem duas formas de se criar um texto formatado através de linguagens de marcação. A primeira consiste em escrever o exto, usando as instruções da linguagem, num editor de texto puro. Em seguida, usa-se o processador de texto para produzir o texto formatado.
A outra maneira é usar um editor de textos WYSIWYG (What You See Is What You Get - O Que Você Vê É O Que Você Tem). Apesar da sigla ser comprida, o conceito é simples: esse tipo de programa é composto por um editor de texto que também é um processador de textos formatados. A diferença aqui é que o texto que o usuário está editando e visualizando não é o texto puro, mas sim o texto já formatado graficamente, ou seja, o que você vê é o que você tem.
Você provavelmente já usou editores desse t ipo. Os editores como o Word , o AbiWord e o OpenOff ice Writer são WYSIWYG e os documentos que eles geram utilizam Linguagens de marcação.
3.6 - FAQ (Perguntas Freqüentes)
Depois que eu editei meu arquivo HTML, eu não consigo visualizar o resultado em meu navegador. Por quê?!
Ver i fique se você salvou o arquivo com o nome correto e que sua extensão seja.htm. Confira também em sua barra de endereços do navegador, verifique quanto ao diretório se está correto.
Qual navegador eu devo utilizar?!
Você pode utilizar qualquer browser, como o Internet Explorer, Mozilla, Opera, etc. .. particularmente recomendo o Firefox e o nternet Explorer.
Porque utilizamos tags com letras minúsculas?!
Em HTML os nomes das tags e elementos podem ser escritos tanto com letras maiúsculas quanto com letras minúsculas, tanto que <B> é a mesma coisa que <b>. Se você observar em tutoriais encontrados pela Web, vai notar que os mais antigos geralmente utilizam letras maiúsculas para escrever os nomes das tags, mas os mais modernos utilizam exclusivamente letras minúsculas. Nesta minha apostila utilizo sempre letras minúsculas porque existe uma razão muito forte para isso.
A nova geração do HTML é uma aplicação do XML e é designada por XHTML. O XHTML é a melhor linguagem para se criar páginas para a Web, mas é mais restrita do que o HTML (“ rouba” algumas das liberdades que o HTML oferece) . Ao contrário do que acontece em HTML, em XML as etiquetas <B> e <b> representam elementos diferentes, visto que em XHTML foi adotado uma convenção segundo a qual todas as etiquetas devem ser escritas com letras minúsculas. Por este motivo é extremamente recomendável que se escreva todas as etiquetas com letras minúsculas. Deste modo, você estará adquirindo bons modos e quase não terá trabalho de conver ter suas páginas HTML para XHTML.
