A Linguagem HTML
HTML é a linguagem de marcação usada para produzir páginas para a web. Esta é a definição presente na Wikipédia. Mas eu pessoalmente prefiro definir HTML como “uma” linguagem de marcação usada para produzir páginas de web.
O que me leva ater esta definição para HTML, é o facto de HTML não ser a única linguagem de marcação usada para produzir páginas web actualmente. Existem algumas alternativas á linguagem HTML, apesar dos conceitos e princípios serem basicamente os mesmos.
HTML foi criado pelo criador da Web, na mesma época em que desenvolvia a web, e foi baseada em outras tecnologias existentes, como o SGML.
Como dissemos na primeira aula, páginas web não são programadas, mas sim marcadas, ou formatadas.
Existem algumas excepções, quando se usa algum código javascript, mas o que quero dizer neste parágrafo, mais uma vez, HTML não é uma linguagem de programação, mas sim uma linguagem de marcação de Hipertextos. A ideia do HTML era oferecer uma forma fácil de criar documentos para a web, que não exigissem conhecimentos avançados de programação,etc.
A linguagem HTML evolui e continua a evoluir com a evolução da web.
A cada versão novas caracteristicas e funcionalidades são adicionadas. A versão mais popular do HTML, e talvez a oficial, é a versão 4.0, mas já se fala por ai duma versão 5.0 do HTML, que trará novos padrões.
Marcação em HTML. As Tags
A linguagem HTML é formada por um conjunto de Tags, cada uma com uma função específica, mas todas com um objectivo comum: definir a estrutura visual e a apresentação do conteúdo das nossas páginas web. Uma tag HTML, normalmente é delimitada pelos caracteres <>.
Existem muitas tags HTML definidas até a versão actual, e outras vão aparecendo com a evolução da linguagem. Algumas tags também vem sendo descartadas, por não terem mais importância na estruturação da página. Veremos aqui algumas tags importantes, e as outras com certeza encontrará ao longo dos estudos.
Algumas linguagens de marcação como XML, permitem que cada um defina as suas próprias tags, mas em HTML todas as tags aceites já estão pré-definidas.
Atributos de Tags
Para além das tags, é importante também conhecer o conceito e a importância dos atributos de tags em HTML. Uma tag pode ter alguns atributos que a caracterizam. Os atributos nem sempre são necessários, e quando não indicados, a tag em questão assume a caracteristica padrão.
Por exemplo, existe uma tag que define o corpo de uma página HTML, que é a tag
| <body> |
. Para esta tag, podemos definir alguns atributos, como por exemplo a cor do fundo do corpo da página, ou a cor para os textos desta página. É ai onde entram tais atributos. Também veremos os principais atributos de tags em HTML ao longo das aulas.
Exemplo de página HTML
Vamos terminar esta segunda aula, deixando um pequeno exemplo de uma página HTML simples, só para abrir o seu apetite. Nas próximas aulas veremos alguns detalhes relacionados a esta e outras páginas que construiremos. Mas pode ter a certeza: O Yahoo! Começou exactamente como está página que vamos fazer agora!
Para criar uma página HTML, apenas precisa abrir um editor de textos normal, como o notepad do Windows, e escrever o código da sua página. A seguir deverá gravar a sua página usando a extensão HTML ou HTM. Por exemplo: contactos.html. Eu aconselho o uso de um editor mais apropriado para programação, mas que não seja apropriado demais, uma vez que pode atrapalhar seu aprendizado. O Notepad++ é um dos meus editores preferidos, quando o assunto é escrever código organizado. Este editor está disponível na secção de downloads do Techmoz.
Então, abra o editor de textos da sua preferência, pode ser Notepad, mas nunca use Word ou Wordpad! E escreva o código abaixo. Depois grave com a extensão teste.html
| <html> <head> <title>Minha primeira página HTML</title> </head> <body> <h1>Esta é a minha primeira página HTML yehhh!</h1> </body> </html> |
Basta! È só dar duplo clique no ficheiro que acabou de criar, e abrirá uma bela página no seu navegador. Nas próximas aulas veremos mais detalhes sobre estes e outros conceitos. Aguarde… Uma dica: Assine a nossa newsletter, pois assim será avisado assim que a próxima aula for publicada.
Comentários Recentes