Bom galera, vejo ótimos tutoriais aqui, só que nada ensinando do básico ao avançado, e o que acontece é que as vezes as pessoas seguem os tutoriais , conseguem o que queriam mais não entendem nada daquele código, e se precisarem de fazer alguma alteração vão ter que recorrer a ajuda, então devido a isso vou começar aqui uma serie de tutoriais de sobre XHTML do básico ao avançado, se gostarem estarei criando outro como de CSS e javascript, então chega de enrolar e vamos começar.
Obs: Se você gostar um mínimo “obrigado” já é de grande valor.
Introdução
O HTML é uma linguagem que permite a criação de paginas web, ou seja se você quer aprender a desenvolver sites, templates etc... , é mais do obrigatório você dominar essa linguagem.
HTML é a sigla para Hyper Text Markup Language (Linguagem de marcação de hipertexto)
XHTML é a sigla para Extensible Hyper Text Markup Language (Linguagem de marcação de hipertexto extensível )
Então galera, pelo nome você pode perceber que o XHTML é uma versão evoluída do HTML , mais quais são as vantagens ?
Vantagens do XHTML
• É mais rápido.
• Tem maior compatibilidade com os navegadores.
• É uma web standard.
Devo saber algo de HTML pra aprender XHTML ?
A resposta é não, você não precisa saber nada.
O que eu preciso ter pra começar a aprender?
Você vai precisar apenas de um editor de texto sem formatação e de um navegador que não seja desatualizado.
Recomendo muito a todos que estão iniciando, e até os que já sabem alguma coisa a usarem o notepad++ para escrever seus códigos.
Sobre o notepad++
Ele é um bloco de notas um pouco mais avançado
Tem uma interface simples e amigável
Ele realça a sintaxe do código (Enorme ajuda)
Obs: o importante é que você não use editores avançados com o recurso de auto completar, por que você se acostumara com isso e não decorará o código.
Agora que você já tem o que precisa vamos começar a aprender.
O HTML é baseado em tags, mais o que são tags?
Tags
As tags são tudo aquilo que estão entre o sinal de menor ( < ) e o sinal de maior ( > ) ex:
vão haver casos em que as tags vão ser fechadas dessa forma :
Então resumindo:
Escrevendo seu primeiro Codigo
A estrutura de um codigo HTML requer algumas tags obrigatórias, são elas as tags: html,head, title e body.
Ficaria dessa forma:
Essa é a estrutura básica de um cogido HTML.
Explicando tag por tag
Muito importante: para que você possa visualizar o seu arquivo você de salva-lo com a extensão .html exemplo : curso.html você vai perceber que o ícone desse documento mudou para o ícone do se navegador padrão.
Bom galera é como eu disse vou desde de o básico ao avançado , então esse tutorial foi muito básico mesmo, se tiverem duvidas podem perguntar.
flw, até a próxima.
Obs: Se você gostar um mínimo “obrigado” já é de grande valor.
Introdução
O HTML é uma linguagem que permite a criação de paginas web, ou seja se você quer aprender a desenvolver sites, templates etc... , é mais do obrigatório você dominar essa linguagem.
HTML é a sigla para Hyper Text Markup Language (Linguagem de marcação de hipertexto)
XHTML é a sigla para Extensible Hyper Text Markup Language (Linguagem de marcação de hipertexto extensível )
Então galera, pelo nome você pode perceber que o XHTML é uma versão evoluída do HTML , mais quais são as vantagens ?
Vantagens do XHTML
• É mais rápido.
• Tem maior compatibilidade com os navegadores.
• É uma web standard.
Devo saber algo de HTML pra aprender XHTML ?
A resposta é não, você não precisa saber nada.
O que eu preciso ter pra começar a aprender?
Você vai precisar apenas de um editor de texto sem formatação e de um navegador que não seja desatualizado.
Recomendo muito a todos que estão iniciando, e até os que já sabem alguma coisa a usarem o notepad++ para escrever seus códigos.
Sobre o notepad++
Ele é um bloco de notas um pouco mais avançado
Tem uma interface simples e amigável
Ele realça a sintaxe do código (Enorme ajuda)
Obs: o importante é que você não use editores avançados com o recurso de auto completar, por que você se acostumara com isso e não decorará o código.
Agora que você já tem o que precisa vamos começar a aprender.
O HTML é baseado em tags, mais o que são tags?
Tags
As tags são tudo aquilo que estão entre o sinal de menor ( < ) e o sinal de maior ( > ) ex:
- Código:
<issoeumatag>
- Código:
</issoeumatag>
vão haver casos em que as tags vão ser fechadas dessa forma :
- Código:
<issoeumatag />
Então resumindo:
- Código:
<issoeumatag> -- tag de abertura
</issoeumatag> -- tag de fechamento
<issoeumatag /> -- uma tag sendo fechada dentro da propiá tag de abertura
Escrevendo seu primeiro Codigo
A estrutura de um codigo HTML requer algumas tags obrigatórias, são elas as tags: html,head, title e body.
Ficaria dessa forma:
- Código:
<html>
<head>
<title> Titulo do documento aqui dentro </title>
</head>
<body>
Corpo do documento
</body>
</html>
Essa é a estrutura básica de um cogido HTML.
Explicando tag por tag
- a tag html indica que tudo que está dentro dela é um código html.
a tag head significa o cabeçalho do documento.
a tag title significa o titulo do documento(altere e perceba onde aparece)
a tag body significa o corpo do documento, é aqui que você vai por o que quer que apareça no site.
Muito importante: para que você possa visualizar o seu arquivo você de salva-lo com a extensão .html exemplo : curso.html você vai perceber que o ícone desse documento mudou para o ícone do se navegador padrão.
Bom galera é como eu disse vou desde de o básico ao avançado , então esse tutorial foi muito básico mesmo, se tiverem duvidas podem perguntar.
flw, até a próxima.