Com a intenção de sempre estar inovando nas matérias e dicas do blog, resolvi começar a escrever sobre uma matéria em que eu ja tive a oportunidade de dar aula, que é o HTML puro, muitas pessoas podem achar meio estranho aprender HTML com tantos editores no mercado, mas acho que pra quem ta começando agora a mexer com blogs, ou na parte de desenvolvimento, ou ate mesmo algumas linguagens de programação, é de suma importância entender o HTML, e para ajudar essas pessoas, hoje eu apresento uma introdução ao HTML, espero que vocês gostem, e qualquer duvida ou sugestão, deixe nos comentários:
Nessa primeira aula:
- O que é HTML.
- Entendendo o código.
- Um primeiro exemplo.
O que é o HTML?
HTML (HyperText Markup Language ou Linguagem de Marcação de Hipertexto), não é uma linguagem de programação ao contrário do que muita gente pensa, na verdade o HTML é apenas uma linguagem de marcação, que é interpretada pelo navegador web, é como se fosse o esqueleto da página.
Todo documento HTML apresenta tags, elementos entre parênteses angulares (sinais de maior e menor) (< e >); esses elementos são os comandos de formatação da linguagem. A maioria das tags tem sua correspondente de fechamento:
<tag>…</tag> - Usa-se /(barra) para indicar fechamento.
Isso é necessário porque as tags servem para definir a formatação de uma porção do documento, e assim marcamos onde começa e termina o texto com a formatação especificada por ela.
Mãos a obra:
Hoje em dia existem diversos programas editores de HTML, como Dreamweaver e Front Page, mas para o nosso primeiro exemplo vamos usar um editor de texto, (Word, Wordpad, bloco de notas), abra portando o bloco de notas(é isso mesmo, criar uma página com o bloco de notas). (Todos os programa - Acessórios - Bloco de notas).
Depois de aberto digite:
<html>
<head>
<title>Aprendendo HTML</title>
<body>
Este é o meu primeiro Documento HTML
</body>
</head>
</html>
Aprendendo HTML
Este é o meu primeiro Documento HTML
Entendendo o código digitado:
<html> - indica a abertura de um documento HTML
<head> - indica a abertura do cabeçalho do documento.
<title> Aprendendo HTML </title> - indica o nome que será exibido na barra de título do navegador.
<body> - indica o começo da área que será visualizada pelo navegador.
Este é o meu primeiro Documento HTML
</body> - indica o fechamento do corpo da página
</head> - indica o fechamento do cabeçalho
</html> - indica o fechamento do documento HTML
Agora vem a parte mais importante, salve o arquivo com o nome pagina.html. Não esqueça de colocar o .html, pois é ele que transformará o arquivo de texto em página web. Depois de salvo abra-o, você vai se deparar com a seguinte página:
0 comentários
Deixe um comentário!