Curso HTML - Introdução
Novo aqui no site? Talvez gostaria de assinar o
RSS feed do site?
Publicado em: 30/07/2007
Área: HTML
Visualizações: 2.423
Comentário(s): 0
RSS feed do site?
Publicado em: 30/07/2007
Área: HTML
Visualizações: 2.423
Comentário(s): 0
O que é um arquivo HTML?
HTML quer dizer Hyper Text Markup Lenguage.
Um documento HTML é composto por tags.
As tags do HTML dizem para o web browser o que fazer.
Um documento HTML pode ser criado usando um editor de textos qualquer.
Vamos tentar?
Se você está usando Windows, abrá o Notepad [ou o editor de sua preferência]. Se você está usando Mac, abrá o SimplesText. No OSX abrá o TextEdit e mude as seguintes preferências: Abrá o menu "Format" e selecione "Plain Text" ao invéz do "Rich Text". Então abrá a janela "Preferences" embaixo do menu "Text Edit" e selecione "Ignore rich text commands in HTML files". É possível que seu código HTML não irá funcionar caso isso não sejá feito.
Ensira o seguinte código:
Salve como "oficina1.htm"
Abrá seu Internet explorer [ou o de sua preferência]. Selecione "Open" (ou "Open Page") no menu File do seu navegador. Uma caixa de dialogo aparecerá. Selecione "Browse" (ou "Choose File") e procure o codumento HTML que criamos à pouco ("oficina1.htm") - selecione-o e clique em "Open". Procure por um endereço na caixa de dialogo, por exemplo "C:MyDocumentsoficina1.htm". Clique em OK e seu navegador deverá exibir a página.
Explicando o exemplo
A primeira tag do seu documento é <html>. Essa tag diz ao seu navegador que está sendo inicilizado um documento HTML. A última tag do seu documento é </html>. Ela fala para o seu navegador que é o fim do documento HTML. O texto entre a tag <head> e </head> é a informação do cabeçalho. As informações do cabeçalho não são mostradas na janela do navegador. O texto entre as tags <title> são o título da sua página. O título escrito é mostrado no título do seu navegador. O texto entre as tags <body> são os textos/outros que são mostrados pelo seu navegador. O texto entre a tag <b> e </b> são textos negritos.
Extenção HTM ou HTML?
Quando você salva um documento HTML, você pode usar a extenção .htm ou a .html. Nós temos usado a extenção .html nos nossos exemplos. Este é um hábito ruim herdado pelo passado quando geralmente eram usados programas que só permitiam três letras na extenção.
Com os novos programas nós achamos melhor umsar a extenção .html.
Usando editores de HTML.
Você pode editar facilmente arquivos HTML usando um editor WYSIWYG (O que você vê é o que você tem) como FrontPage ou Dreamwaver, em vez de escrever seus codigos em um editor de texto
Porém, se você quer ser um grande Web Devoloper, nós recomendamos que use um editor comum [Bloco de notas, Notepad] para aprender HTML.
----
Todos os créditos do conteúdo são do www.w3schools.com.
Tradução: Luciano Infanti.
Agradecimentos: Guido.
HTML quer dizer Hyper Text Markup Lenguage.
Um documento HTML é composto por tags.
As tags do HTML dizem para o web browser o que fazer.
Um documento HTML pode ser criado usando um editor de textos qualquer.
Vamos tentar?
Se você está usando Windows, abrá o Notepad [ou o editor de sua preferência]. Se você está usando Mac, abrá o SimplesText. No OSX abrá o TextEdit e mude as seguintes preferências: Abrá o menu "Format" e selecione "Plain Text" ao invéz do "Rich Text". Então abrá a janela "Preferences" embaixo do menu "Text Edit" e selecione "Ignore rich text commands in HTML files". É possível que seu código HTML não irá funcionar caso isso não sejá feito.
Ensira o seguinte código:
<html>
<head>
<title>Título da página.</title>
</head>
<body>
Está é minha primeira página. <b>Este texto está em negrito!</b>
</body>
</html>
Salve como "oficina1.htm"
Abrá seu Internet explorer [ou o de sua preferência]. Selecione "Open" (ou "Open Page") no menu File do seu navegador. Uma caixa de dialogo aparecerá. Selecione "Browse" (ou "Choose File") e procure o codumento HTML que criamos à pouco ("oficina1.htm") - selecione-o e clique em "Open". Procure por um endereço na caixa de dialogo, por exemplo "C:MyDocumentsoficina1.htm". Clique em OK e seu navegador deverá exibir a página.
Explicando o exemplo
A primeira tag do seu documento é <html>. Essa tag diz ao seu navegador que está sendo inicilizado um documento HTML. A última tag do seu documento é </html>. Ela fala para o seu navegador que é o fim do documento HTML. O texto entre a tag <head> e </head> é a informação do cabeçalho. As informações do cabeçalho não são mostradas na janela do navegador. O texto entre as tags <title> são o título da sua página. O título escrito é mostrado no título do seu navegador. O texto entre as tags <body> são os textos/outros que são mostrados pelo seu navegador. O texto entre a tag <b> e </b> são textos negritos.
Extenção HTM ou HTML?
Quando você salva um documento HTML, você pode usar a extenção .htm ou a .html. Nós temos usado a extenção .html nos nossos exemplos. Este é um hábito ruim herdado pelo passado quando geralmente eram usados programas que só permitiam três letras na extenção.
Com os novos programas nós achamos melhor umsar a extenção .html.
Usando editores de HTML.
Você pode editar facilmente arquivos HTML usando um editor WYSIWYG (O que você vê é o que você tem) como FrontPage ou Dreamwaver, em vez de escrever seus codigos em um editor de texto
Porém, se você quer ser um grande Web Devoloper, nós recomendamos que use um editor comum [Bloco de notas, Notepad] para aprender HTML.
----
Todos os créditos do conteúdo são do www.w3schools.com.
Tradução: Luciano Infanti.
Agradecimentos: Guido.
Autor da matéria
Publicidade
Seguir o Oficina da Net
Top matérias do mês
- 1992 - O ano em que Bill Gates previu o futuro dos computadores
O computador terá o tamanho que você quiser. Poderá ser do tamanho da .
- Photoshop: Aplicando tatuagem em uma pessoa
Aqui veremos como aplicar uma tatuagem a qualquer pessoa de uma maneir.
- Dicas para tornar seu site conhecido
Público é um item fundamental para se ter um site. De que adianta você.
- Imagens em quebra cabeça
Veja como transformar suas imagens em quebra cabeças de uma maneira be.
- Vídeo Aula Sony vegas - Criando efeito de filme antigo
Olá pessoal, estou aqui para mais uma vídeo aula, desta vez vou mostra.
Matérias relacionadas
- Formatação de textos e caracteres
Há dois tipos de formatação em HTML: lógico e físico. Os efeitos de ap.
- Curso de HTML - Aula 9
Os formulários são áreas reservadas para a entrada de dados, onde o in.
- Curso de HTML - Aula 8
As tabelas são um recurso muito útil na montagem de páginas, sendo ela.
- Curso de HTML - Aula 7
Nessa aula veremos como inserir links em um documento de hipertexto. P.
- Curso de HTML - Aula 6
Nessa aula vamos aprender a inserir imagens em nossas páginas.
Destaque
Tags
- Anuncie |
- Cadastro |
- Divulgue-nos |
- Fale Conosco |
- Layouts |
- Links |
- Mapa do site |
- Colunas populares |
- PageRank Checker |
- RSS |
- Vídeos
© 2005 - 2009 - Oficina da Net - v 4.0 - É proibida a reprodução parcial ou completa do conteúdo deste site sem autorização por escrito. Resolução adequada: 1024x768px.
Parceiros:
Bahia em Foco
| Blog do Vicente
| BuscaKi
| Chongas
| ClicRN
| Código Fonte
| Coletânea de ícones
| Comunicação Digital
| Concurso Público
| Concursos
| Criação de sites
| CriarWeb
| Downloads
| Fontes Grátis
| GMasters
| Hospedagem
| Hospedagem de sites
| Ícones
| Infonet News
| iParaiba
| JLAMIM
| MX masters
| Notebook
| Portal Super
| Profissionais de Web
| Qualidade Brasil
| Renan Lima
| SEO Master
| Sonhos
| tutoriais.org
| WebLivre
| Zoom Digital
Seja o primeiro a comentar!