Publicações arquivadas sob HTML
Muitos consideram o trabalho de codificação um tanto quanto maçante. No entanto, esta impressão em muito está relacionada com a dificuldade encontrada quando é necessário fazer algum reparo seja em códigos criados por terceiros ou mesmo em um código criado pelo próprio profissional. Para facilitar a leitura de um código e visando tornar esta atividade mais intuitiva existem as chamadas tags de comentário.
Para entendermos melhor, vamos para a prática!
Digite em seu Bloco de Notas o código abaixo:
<!Início do Documento HTML>
<html>
<head>
<title>Melhorando a minha Home Page</title>
<meta name=”autor” content=”Hades”>
</head>
<! Início do Corpo da Página>
<body>
<h1>Este é o título Principal</h1>
<h2>Este é o título Secundário</h2>
<h3> É muito legal criar páginas para a Web.</h3>
<hr>
<p>Este é o primeiro parágrafo <br> Esta é 2ª Linha do 1º Parágrafo
<p>Com este recurso inicio um parágrafo<br> E com este recurso quebro uma linha
<hr>
<! Fim do Corpo da Página>
</body>
</html>
<! Fim do Documento HTML>
Agora salve o documento com o nome de exercicio02.htm (não se esqueça da extensão .htm, hein!). Repare que o comentário digitado entre as tags <! > não aparece na página quando visualizada em seu navegador, o conteúdo desses comentários só estarão visíveis no código fonte, e com eles você poderá ter uma leitura mais intuitiva sobre a função de cada parte do código. Lembre-se, um código bem comentado significa mais facilidade e menos tempo para fazer reparos.
27 de Junho de 2008 às 09:52
Hades Júnior
A linguagem HTML (Hypertext Markup Language) que pode ser traduzida para Linguagem de Marcação de Hipertexto é a linguagem básica para criação de páginas para Web. É uma linguagem simples, composta de marcações de formatação e diagramação de hipertexto/hipermídia (informações em texto, imagens, sons e ações ligadas umas às outras de uma forma não sequencial, através dos links).
O documento HTML é um arquivo de texto comum que pode ser escrito através do Bloco de Notas, por exemplo, e salvo com a extensão htm ou html.
A partir de pequenos tutoriais, procurarei transmitir alguns conhecimentos básicos sobre a linguagem html, apontando a estrutura básica, principais tags, função das principais tags e meios de formatação das páginas html.
Para iniciar, vou apenas mostrar a estrutura básica de um documento html. Abra o Bloco de Notas, ou similar e digite o código conforme mostrado abaixo:
Bem, confira abaixo o que faz cada uma das tags utilizada acima:
<html> -> Marca o início e o fim do documento HTML. Com ele iniciamos e finalizamos a construção da página Web.
<head> -> Marca o início e o fim do cabeçalho, ou seja, a área onde serão descritos cabeçalhos e o título da página.
<title> -> Marca o início e o fim do título do cabeçalho. O título da página aparecerá na barra superior do browser.
<body> -> Marca o início e o fim do corpo da página.
No próximo tutorial, aprofundaremos um pouco mais no assunto e conheceremos novas tags da linguagem HTML.
21 de Junho de 2008 às 12:05
Hades Júnior
Apesar de respirar tags, códigos, imagens, vetores e Internet durante uma boa parte do meu dia e adorar tudo isso, existe uma outra atividade da qual também não abro mão: lecionar. Já era sim como professor de Informática do Colégio Anglo de Viçosa e principalmente como professor do Curso de Design & Web da Microlins - Formação Profissional, é extremamente gratificante passar os conhecimentos que adquiro com a experiência e repassá-los para meus alunos. E justamente para auxiliar nesse processo de ensino e aprendizagem que utilizarei deste espaço para publicar matérias relacionadas aos módulos do curso, sendo esta seção dedicada ao HTML (Hypertext Markup Language) que é a linguagem básica para construção de sites.
Espero que esta iniciativa possa colaborar não apenas com aqueles que são meus alunos nos cursos presenciais que ministro, mas também com todos que tenham interesse na área e que estejam buscando por informações relacionadas ao design para web.
Portanto, logo estarei publicando o que podemos chamar de um minicurso de HTML, partindo desde os princípios básicos da linguagem até a construção do site como um todo, apenas usando o Bloco de Notas.
Até lá!
13 de Junho de 2008 às 16:05
Hades Júnior