HTML - Curso Completo (cortesia Wikipedia.org)
HTML - HiperText Markup Language - Linguagem de Marcação de Hipertexto.
O HTML é uma especificação derivada da SGML, criada com o fim específico de formatar textos para a World Wide Web. Neste artigo são apresentados os fundamentos do HTML tal como é usado e padronizado pelo W3C (World Wide Web Consortium). Actualmente, o nome correto para a linguagem é XHTML, mas a continuação do uso de “HTML” não constitui um erro grave.
O principal a saber, antes de iniciar o estudo da HTML, é que se trata de um padrão desrespeitado por companhias de software, que frequentemente incluem “extensões” da linguagem em seus aplicativos. Entretanto, é preciso tomar cuidado para não usar essas extensões, que limitam a correcta exibição das páginas em determinados navegadores. Neste curso, portanto, é apresentado o HTML padrão.
Material nescessário
- Um editor de textos:
Pode ser o Notepad (bloco de notas) no Windows ou o TextEdit no Mac, mas é recomendável algum que suporte a sintaxe HTML, como o jedit, vim, Emacs, ou qualquer um de sua preferência.
- Um navegador
Recomendamos que use um browser que suporte, de forma mais integral, as regras do HTML definidas pelo W3C como, por exemplo, o Mozilla Firefox, Safari ou Opera. O Internet Explorer, apesar de ainda ser o browser mais usado, não é totalmente compatível com as normas W3C.
SUMÁRIO
- (1) Introdução
- (2) O Seu primeiro HTML
- Introdução a tags
- (3) O Conteúdo
- Elementos normais e elementos simples
- Estrutura do documento
- (4) Os textos
- Marcações básicas do texto
- Cabeçalhos e linha horizontal
- Codificação de caracteres
- Links
- (5) Recursos visuais avançados
- Imagens
- Listas
- Tabelas
- (6) Os Meta Tags
- (7) Os Frames
- (8) Lista de tags HTML
- Lista com Tags e suas explicações
Se gostou desse artigo... | |
:: |
receba as novidades deste site por e-mail! |
Dê a sua opinião sobre este artigo
58 Opiniões
-
eddy on
Abril 22, 200823:17
showwwwwwwwwwwwwww
-
eddy on
Abril 22, 200823:23
ficou muito bom este artigo .. estão de parabéns.. gostei muito... se eu fosse resumir este artigo em uma palavra diria "SHOW"
-
sioneide on
Maio 29, 200817:46
é sempre bom ter um artigo deste na net.
-
edelson on
Maio 31, 20080:48
...ficou muito bom este artigo .. estão de parabéns.. gostei muito... se eu fosse resumir este artigo em uma palavra diria "SHOW"
-
Magno Urbano on
Maio 31, 20081:04
Obrigado Edelson, se tiver algum tipo de tutorial ou artigo que queira ver nesse site, por favor sugira. Isso vale também para outras pessoas que visitem o nosso site!
-
juliana on
Junho 1, 200822:22
eu, adorei esse site, qualquer dia vou tentar fazer o meu lay que é meu sonho e vai se realizar graça a vcs
-
Leandro C on
Junho 17, 200821:34
Muito bom, é uma boa ajuada pros iniciantes como eu, e melhor de tudo que é gratuito. Paerabens!
-
Magno Urbano on
Junho 17, 200821:38
Obrigado Leandro. Se tiver sugestões a dar para este site, estamos sempre dispostos a ouvir o que os nossos visitantes tem a dizer!
-
sheila on
Junho 18, 200818:20
Eu ia gastar dinheiro com um curso de HTML e foi quando me deparei com este blog na busca do Google, veio bem oportunamente, obrigada!!
-
Magno Urbano on
Junho 18, 200818:25
Sheila, vai ver que todos os tutoriais desse blog são grátis!!!!
-
matheus on
Junho 18, 200820:10
eu tenho uma duvida qdo eu vou entrar no meu site n consigo o argivo q foi hospedado precisa de um nome especifico?
-
Magno Urbano on
Junho 19, 20080:29
Se eu entendi, está a perguntar se um ficheiro colocado num servidor precisa ter um nome específico para poder ser visualizado pela internet. A resposta é sim. Se esse ficheiro (arquivo no Brasil) for o ficheiro principal de uma directoria, precisa ter o nome de index.html ou index.htm (se for em HTML) ou index.php (se for em PHP). O servidor vai procurar primeiro por estes ficheiros. Caso não existam, vai mostrar a lista de ficheiros existentes no directório (caso a opção de mostrar a lista não esteja inibida nas configurações). Portanto, se estiver a criar páginas em HTML deve nomear o ficheiro principal como index.html. Um ficheiro principal colocado numa directoria como, por exemplo, "fotos", será mostrado quando o utilizador digitar, por exemplo, www.site.com/fotos, e não haverá a necessidade de digitar o nome do ficheiro no fim, ou seja, www.site.com/fotos/index.html. Deve ter atenção para nunca colocar nomes de ficheiros com acentuação, com espaços, com caracteres estranhos (usar apenas letras, números, hífen e underscore) e observar que existe diferença entre um ficheiro nomeado com letras maíusculas e minúsculas, nomeadamente nos servidores não Windows. Na prática, colocam-se sempre os nomes de ficheiros em minúsculas.
-
matheus on
Junho 19, 20084:32
obrigado, essa era minha pergunta msm, vlw
-
psyduck on
Junho 24, 200822:20
eu vou ler ainda. mas pelo q vi, parece ser bom. vocês tinham q disponibilizar pra download. Para quem não consegue ficar na internet muito tempo é uma mão na roda. Copiei os textos pro meu pc pra poder ler mais tarde. não vou colocar por ai como se fosse meu ta? hehe acho q não tem problema neh? se desse pra colocar pra download o de php. tbm ia ser bom. obrigado. abraços. abs
-
Magno Urbano on
Junho 24, 200822:38
Caro Psyduck. Nada melhor do que visitar o nosso site e ler tudo online, não é? abraços
-
clidenor lima on
Junho 30, 200810:19
Bom comecei agora, preciso de mais umas leituras para fazer meu site rs.
-
Leiguimar da Silva on
Julho 16, 200821:41
Inspirador, simples, me deixou confiante à buscar informações mais complexas. Obrigado.
-
Magno Urbano on
Julho 16, 200822:10
Obrigado Leiguimar! Estamos a colocar mais e mais artigos constantemente! Fique sintonizado no nosso site! Um abraço!
-
Carina Massena on
Julho 18, 200817:45
Poxa aprendi muito com este artigo, se puder me enviar mais coisas para eu poder me aprofundar e quem sabe ate criar meu site. Eu agradeço. beijos
-
Magno Urbano on
Julho 18, 200818:42
Obrigado Carina. Se clicar no link Dreamweaver Curso Introdutório vai encontrar o que deseja... :-)
-
ju on
Setembro 17, 200823:49
está muito bom mesmo! bem explicadinho. parabéns.
-
Magno Urbano on
Setembro 18, 20085:14
Obrigado Ju!
-
ebson on
Novembro 6, 200817:35
é um dos melhores que já vi agora é só eu criar!!! vocês estão de parabéns
-
Magno Urbano on
Novembro 6, 200819:50
Obrigado Ebson.
-
Marco Antonio Ben David da Silva on
Dezembro 3, 200815:24
Gostei muito. Muito consistente.
-
neves on
Dezembro 6, 200816:19
Impecavel,já tenho com que dar cabo da cabeça obrigado ,prometo que vou errar ate aprender.
-
NICOLLAS on
Janeiro 6, 20096:45
MUITO BOM..SUPER COMPLETO
-
Nilton Fernandes on
Fevereiro 12, 200919:39
Parabéns pela iniciativa e pelos dados fornecidos, forma clara e brilhante. Desejo-lhes que conquistem tudo que almejam pois vocês merecem, dar, distribuir é simplesmente maravilhoso, se precisarem de mim para algo entre em contato.
-
Magno Urbano on
Fevereiro 12, 200920:06
Caro Nilton, obrigado pelos elogios. A participação do leitor é sempre importante para que saibamos o que as pessoas gostam mais e possamos desenvolver temas de amplo interesse. Obrigado!
-
hedy simoes on
Março 23, 200921:35
Gostei muito do artigo e facilita muito para quem não póde pagar. Gostaria que me enviassem por e-mail o curso de html e o de gimp. Gostaria muitissimo que me enviassem também o de Fotoshop e no aguardo agradeço imensamente. hedy Ficarei muito feliz se puderem me enviar e desde já agradço. hedy
-
vinicius cordeiro on
Abril 10, 20090:14
muito bem explicativo parabens!!!
-
Robson on
Abril 23, 200918:03
Bom até me insteressei em fazer o curso de HTML mas uma dúvida onde se faz a matrícula para o curso?
-
Magno Urbano on
Abril 23, 200921:04
Não existe "matrícula"... o curso aí está, basta clicar e ler.
-
almir on
Maio 19, 200923:18
bem,eu gostaria de entender um pouco mais sobre o artigo. o que ele faz?
-
Magno Urbano on
Maio 20, 20093:07
Caro Almir, HTML é o padrão utilizado para criar páginas de internet. Se olhar o código desta página, verá uma série de instruções e comandos que fazem a ordenação do texto e das imagens, conforme idealizado quando criamos este site. Portanto, se quer aprender a fazer páginas de internet, HTML é algo que vai precisar de saber.
-
Tony on
Junho 2, 200915:45
é um artigo muito interessante, só mtenho de agradecer. obrigado....
-
luciene on
Julho 28, 20094:08
muito importante este artigo para esclarecer certos pontos!
-
luciene on
Julho 31, 200916:09
MUITO BOM
-
Ruy Edy I. Silveira on
Setembro 1, 200921:40
Excelente, com um belo contraste que facilita a leitura,apresenta o conteúdo com hierarquia lógica e disponibiliza as tags numa sequencia de fácil memorzação. Estou gostando muito. Obrigado,mais uma vez!
-
Claudine Ribeiro G. Netto on
Setembro 13, 20095:50
Adorei, estava á procura do curso de HTML. Vocês tem o curso de java script? Porque se tiver, após o HTML vou fazê-lo. Valeu Magno.
-
Magno Urbano on
Setembro 13, 200923:09
Cara Claudine, espero que goste do curso de HTML. Se clicar no link seguinte, poderá ver também o nosso curso de JavaScript. Um abraço.
-
Fabio Fernandes on
Dezembro 4, 200919:57
meta tag indexação crawlers Cache browser Refresh e redirecionamentos O conteúdo foi ótimo porém ficaram algumas "?" no meu entendimento. Por favor, sou leigo no assunto. Eu entendi a lógica porém,gostaria de mais informação sobre os temas acima Obrigado
-
Augusto de Castri on
Janeiro 19, 20100:52
ótimo. vou reler para pegar mais detalhes....
-
Adelyne on
Março 15, 201022:52
Olha. PARABENS MESMO. MUITO BOOOOOM!
-
Magno Urbano on
Março 16, 201012:17
obrigado Adelyne!!!
-
luciano on
Maio 12, 201018:37
Este artigo foi de mais. Muito bem detalhado, Já tem os codigos. Melhor, só outro igual. Gostaria de saber se vocês têm algum artigo que ensine criar sala de chat num site. Desde já, obrigado pela ajuda.
-
edson acciarito junior on
Outubro 19, 201012:51
Eu fiquei com uma dúvida porque o photoshop e flash é fácil de fazer. Um beijo. Edson.
-
Marco on
Dezembro 20, 201022:50
Estou criando um site e gostaria de saber como faço para criar uma opcao de fale conosco como na maioria de sites. Gosttaria de saber como faço e aonde salvar os dados enviados pelos usuarios
-
Magno Urbano on
Dezembro 22, 201013:05
Caro Marco, para fazer isso funcionar é preciso ter um script em PHP, ASP ou outra linguagem qualquer que deseje. Esses scripts geralmente transformam o que for digitado no formulário num email, que é enviado ao responsável do site ou inserem os dados numa base de dados. Procure na internet por "free php scripts" e vai encontrar vários.
-
Anderson on
Janeiro 31, 201111:05
Um blog de fácil compreensão até para um total iniciante como eu. Estão de parabéns pela iniciativa.
-
Julio Morais Stanguerlin on
Fevereiro 4, 201116:51
muito bom , rapido e simples uma forma perfeita de aprender ! muito show , Obg Magno !
-
Magno Urbano on
Fevereiro 5, 20115:02
Eu é quem agradeço Júlio! Espero que o site ajude!
-
Anonymous on
Março 30, 20115:14
Muito bom, muito mesmo. Me ajudou bastante. Obrigada e parabens ^^
-
Uilson Oliveira on
Abril 18, 20111:20
Excelente artigo!
-
Carlos Gomes on
Setembro 3, 201116:57
Muito bom, parabéns para todos da equipe.
-
JOSE GUIMARAES DE SOUZA on
Maio 9, 201215:22
Interesante. Algo que prende a atençao e nos desperta curiosidade sobre o tema. Gostaria de receber informações em meu email.
-
elizabete on
Julho 13, 201419:40
parabéns,excelente artigo foi de enorme ajuda vc nem imagina o quanto. agradecida.
-
Magno Urbano on
Julho 14, 201417:28
Disponha Elizabete!