Aula #1 - O que é HTML?
Primeiramente eu quero dizer bem vindo a todos, eu estava muito ansiosa com essa aula. Espero que todos gostem todos aprendam, e todos vão até o fim *-* Estou muito feliz com os 22 alunos dessa turma.
E antes de começar a aula em si, quero deixar bem claro que não quero ninguém com dúvidas, qualquer dúvida corre me procurar, ok? Estarei sempre respondendo as perguntas de vocês.
Gostaria de pedir para vocês seguirem aqui, para eu ter certeza de que vocês estarão acompanhando rs
Então agora começamos.
HTML é um assunto muito difícil de ser tratado sozinho, por isso, vou incluir nas aulas css, scripts e criação de layouts e por último e não menos importante, a parte do tumblr. E a duração do curso vai depender de como vocês pegarem a matéria.
HTML é o código usado para criar uma página para a internet, então, sabendo html você cria qualquer tipo de site (claro que alguns requerem scripts ou umas programações específicas, por exemplo, o tumblr e blogspot que tem suas tags para os posts), esse código será lido por qualquer navegador (internet explorer, mozilla firefox, google chrome, safari, opera, etc).
Todo mundo já viu um código html né, um theme, um código-fonte, até os players do tumblrs são html. Ele é escrito como documento de texto, e salvo com a extensão .html.
Vamos ver como funciona na pratica?
Eu recomendei um programa chamado notepad++, que ajuda muito na hora de escrever, veja um exemplo, o mesmo codigo primeiro no notepad e depois no bloco de notas:
As tags ficam com uma cor, os comentários com outra, e etc, assim quando algo tá errado você identifica mais rápido, como uma div que ficou sem fechar e etc. Fica a escolha de vocês o que usar.
Abram o programa escolhido e escrevam:
<html>
<head>
<title>Primeira aula de HTML</title>
</head>
<body>
<h1>Sejam bem vindos</h1>
</body>
</html>
Se tiver usando o notepad++ vá em linguagem > h > html e note que tudo fica colorido. Na hora de salvar, de o nome seguido de .html, o meu será page.html, se for possível faça uma pasta para guardar as coisas do curso.
Vou explicar esse código. No html temos o que chamamos de tags, começadas com < e terminadas com > e como dá pra observar, depois do conteudo da sua tag ela é fechada com </ e >
Exemplo: <body> conteudo do body </body>
As tags básicas para um html funcionar:
Temos quatros tags que são o início de tudo, são elas:
<html> | diz ao navegador que essa é uma página escrita em html.
<head> | literalmente a “cabeça” da sua página, nada que é posto aqui aparece no html, ela só dá vida a sua página. Aqui você vai colocar os scripts, styles, se for um theme o appeareance, mudar o título da página, favicon, etc.
<title> | título da página que aparece na aba do navegador.
<body> | onde irá os elementos (div, imagens, textos, links, etc) que aparecerão na sua página.
Então, o html básico da página sempre será esse:
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
Bom, por enquanto é só.
Próxima aula: Formatação dos Textos
Questões a serem gravadas
O html é escrito em tags.
A maioria das tags vem aos pares (precisam ser fechadas por uma igual a ela só que com o /, por exemplo: </head>).
O html tem algumas tags básicas.
Vocês acham que a aula tá muito longa ou curta?
O que vocês acharam dela?
Alguma dúvida?
Até a próxima :)