Escolar Documentos
Profissional Documentos
Cultura Documentos
SGML é um padrão de formatação de textos. Não foi desenvolvido para hipertexto, mas
tornou-se conveniente para transformar documentos em hiper-objetos e para descrever
as ligações.
Índice
• 1 História
• 2 Etiquetas
• 3 Edição de documentos HTML
• 4 Estrutura básica de um documento
o 4.1 Cabeçalho
o 4.2 Corpo
• 5 Hiperligações
• 6 Caracteres especiais e símbolos
• 7 Editores HTML
• 8 Referências
• 9 Ver também
• 10 Ligações externas
História
Tim Berners-Lee criou o HTML original (e outros protocolos associados como o
HTTP) em uma estação NeXTcube usando o ambiente de desenvolvimento
NeXTSTEP. Na época a linguagem não era uma especificação, mas uma coleção de
ferramentas para resolver um problema de Tim: a comunicação e disseminação das
pesquisas entre ele e seu grupo de colegas. Sua solução, combinada com a então
emergente internet pública (que tornaria-se a Internet) ganhou atenção mundial.
As primeiras versões do HTML foram definidas com regras sintáticas flexíveis, o que
ajudou aqueles sem familiaridade com a publicação na Web. Atualmente a sintaxe do
HTML é muito mais rígida, permitindo um código mais preciso. Através do tempo, a
utilização de ferramentas para autoria de HTML aumentou, assim como a tendência em
tornar a sintaxe cada vez mais rígida. Apesar disso, por questões históricas
(retrocompatibilidade), os navegadores ainda hoje conseguem interpretar páginas web
que estão longe de ser um código HTML válido.
Desde a publicação do HTML 3.5 no final de 1997, o grupo de trabalho da W3C tem
cada vez mais — e de 2002 a 2006, de forma exclusiva — focado no desenvolvimento
do XHTML, uma especificação HTML baseada em XML que é considerada pela W3C
como um sucessor do HTML.[2][3][4] O XHTML faz uso de uma sintaxe mais rigorosa e
menos ambígua para tornar o HTML mais simples de ser processado e estendido.
Etiquetas
Todo documento HTML apresenta etiquetas[5], elementos entre parênteses angulares
(chevron) (< e >); esses elementos são os comandos de formatação da linguagem. A
maioria das etiquetas tem sua correspondente de fechamento:
<etiqueta>...</etiqueta>
Isso é necessário porque as etiquetas 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. Alguns elementos são chamados “vazios”, pois não marcam uma
região de texto, apenas inserem algum elemento no documento:
<etiqueta>
<HR color="red">
No qual:
Cada comando tem seus atributos possíveis e seus valores. Um exemplo, é o atributo
size que pode ser usado com o comando FONT, com o HR mas que não pode ser usado
com o comando BODY. Isso quer dizer que devemos saber exatamente quais os atributos
e valores possíveis para cada comando.
As etiquetas HTML não são sensíveis à caixa, portanto tanto faz escrever <HTML>,
<Html>, <html> ou <HtMl>.
As etiquetas básicas de HTML, cuja presença é altamente recomendada nas páginas são:
Cabeçalho
Obs: as etiquetas <style> e <script> servem tanto para delimitar o espaço usados
pelos códigos na página quanto para invocar códigos existentes em outros arquivos
externos.
Corpo
Dentro do corpo podemos encontrar outras várias etiquetas que irão moldar a página,
como por exemplo:
Hiperligações
Uma propriedade importante dos documentos HTML é a possibilidade de fazer
hiperligações. Para isso usa-se a etiqueta <a> (do inglês, anchor). Esta tem os atributos:
href que define o alvo da hiperligação (que pode ser uma página de Internet, uma parte
da mesma página ou um endereço de email) ou name que define um alvo nessa página (a
onde se pode fazer uma hiperligação usando a etiqueta a com o atributo href).
Exemplos:
• <a name="nome">texto</a>
Em que nome e texto podem ser substituídos por o que se desejar. Depois usa-se <a
href="#nome"> </a> para hiperligar a este "anchor".
Na Internet todos podem disseminar informações. Tanto pessoas "importantes", como qualquer
cidadão comum, pois todos contam com canais de distribuição para expor suas idéias.
Uma forma de se conseguir isso é criar e publicar páginas (home pages), que podem
congregar diferentes tipos de arquivos: textos, imagens, sons e vídeos.
Quando se publica um "site" (uma página ou um conjunto delas) obtém-se uma URL, ou seja,
um endereço, que ficará acessável pelo serviço WWW, e que permitirá sua visualização por
pessoas no planeta todo.
Evidentemente, quando alguém acessa e visualiza também poderá copiar os arquivos que
quiser. (Se desejar saber como gravar, no Firefox, clique aqui).
HTML
Para criar e publicar páginas é fundamental aprender algo sobre a linguagem HTML, que é
simples e pode ser aprendida sem maiores dificuldades por usuários leigos, não sendo
necessárias noções anteriores de programação.
Qualquer que seja o browser ( Internet Explorer, Firefox, Opera, ou...) ele procurará pelo site
solicitado, fazendo um pedido a computadores especificos que estão espalhados pela internet,
denominados servidores de DNS.
Eles tem uma base de dados que identificam exatamente qual é o computador onde está a
informação, pois localizam o seu endereço IP. Após contatar essa máquina, o navegador lhe
efetua o pedido de cópia dos arquivos para o computador onde a pessoa está.
HTML é uma linguagem de formatação que diz exatamente como o documento foi construído
por seu autor. Por exemplo, especifica a posição e tamanho das figuras; o tipo, cor, e tamanho
da fonte; a cor do fundo; o tamanho das margens, etc...
Assim, essa linguagem é utilizada para criar arquivos que podem ser visualizados na World
Wide Web, um dos serviços mais populares da Internet e por correio eletrônico, pois o HTML
permite a criação de documentos que podem ser lidos em qualquer tipo de computador e
transmitidos pela Internet e por mensagens eletrônicas.
Importantíssimo é mencionar que o HTML permite criar ligações entre arquivos. São os links,
que possibilitam a navegação virtual, ou seja, ao serem clicados permitem acessar outro
arquivo, o qual, evidentemente, pode estar no mesmo computador, ou não e pode ter qualquer
natureza: texto, imagem, som, vídeo.
Aqui é importante lembrar que hipertexto denomina documentos que podem conter todo o tipo
de informação: textos, fotos, animações, trechos de vídeo, sons e programas, além dos links,
as ligações para outros arquivos.
A linguagem é descritiva e foi criada para ser lida em qualquer computador que tenha instalado
um programa navegador (em inglês: browser) como Mozilla suíte, Firefox, Netscape, Internet
explorer, Opera, Safari, Planet, entre outros).
contata o servidor de DNS e descobre onde está o computador que hospeda o site desejado,
então, o servidor web analisa e trata o pedido e responde ao navegador com um arquivo de
texto,
Entretanto, como o HTML é uma linguagem descritiva, de formatação, nem sempre diferentes
navegadores exibem a mesma apresentação em cada página. Ou seja, os detalhes codificados
no HTML podem ser suficientes para um deles mas não suficientes para outro.
Assim, cada navegador poderá interpretar os dados de uma forma um pouco diferente.
Portanto, quanto mais perfeitamente descrita a página for, maiores serão as chances do
documento ser interpretado da mesma forma por diversos navegadores.
Linguagem de formatação
Diferentemente dos processadores de texto, a linguagem HTML não foi criada para controlar a
aparência dos documentos.
O HTML apenas informa ao navegador o que são os elementos que estão na página, quais
arquivos (imagens, sons) ela contém e onde eles estão. (Por exemplo, um certo trecho é
identificado como o título principal do documento e outro trecho como um link).
Essa descrição é feita por meio de comandos, os tags, marcas especiais que determinam o
papel de cada elemento dentro do texto e que permitem ao browser interpretar e exibir a página
conforme ela foi concebida por seu autor(a).
Com o tempo a linguagem foi evoluindo com a introdução de novos tags e novos atributos de
estilo. O HTML passou a exercer uma dupla função em relação ao conteúdo: exibir e estilizar,
ou seja dar-lhe a aparência visual.
Para se criar documentos HTML pode-se usar qualquer editor de texto, pois basta que se salve
um documento com o formato txt com a terminação htm ou html, para que ele possa ser aberto
por qualquer navegador.
Entretanto , a linguagem HTML é estática, mas pode ser dinamizada por outras linguagens
como
Javascript e CSS: são do tipo "client side", ou seja são interpretadas pelo browser no
computador do cibernauta ou
PHP, asp, java: são interpretadas pelos servidores web
É importante notar que a maioria dos sistemas operacionais já vêm com um editor simples que
cria documentos de tipo txt (Exemplo: bloco de notas - Notepad). Aqui convém notar que o
Metapad tem algumas opções extras. O NVU já tem um editor incluído.
HTTP
HTTP significa HyperText Transfer Protocol, o que pode ser traduzido por Protocolo de
Transferência de Hipertexto.
Assim, HTTP é o protocolo usado pelos computadores para a transmissão de dados na World
Wide Web.
É importante lembrar que hipertexto é um texto que pode apresentar sons, vídeos, imagens e
outras aplicações. Ou seja, os dados que podem ser transferidos podem ser de qualquer tipo.
Mas, o que realmente caracteriza o hipertexto é que pode possuir links, isto é, ligações para
outros arquivos (textos, imagens, sons, vídeos). Assim, os links possibilitam a "navegação",
tanto dentro de um arquivo, de um ponto para outro, ou entre arquivos diferentes, que podem
estar em computadores também diferentes, e que podem estar localizados proximamente ou
estar extremamente distantes no planeta.
Páginas e sites
Quando se utiliza um navegador para visualizar um determinado endereço na Internet diz-se
que "se acessa o site".
Assim, para acessar um endereço, tal como http://www.cultura.ufpa.br/dicas, deve-se digitá-lo
no local apropriado (barra de endereços) na tela do programa navegador.
Isso implicará em que todos os arquivos contidos no endereço sejam copiados e posicionados
no computador do usuário. Também são formatados como o autor concebeu e, finalmente,
podem ser visualizados na tela do navegador.
Quando se acessa um "site", em geral entra-se pela página principal, onde é comum existir
uma mensagem de boas vindas e uma espécie de índice, sumário, ou menu, no qual se
pode clicar para chegar às demais páginas. Portanto:
HTTPS
Alguns endereços começam com HTTPS.
O S significa seguro. Sob o protocolo HTTPS, a transferência de dados é feita de uma maneira
mais segura, para evitar discrepâncias e interferências indesejadas. Assim, esse protocolo é
geralmente utilizado para transações financeiras, comerciais ou bancárias "on line".
Para usar https certificados digitais são criptografados para garantir a sessão.
Quando se visita um websites com o prefixo no endereço https barras percebe-se que há
ícones de segurança ou de bloqueio exibidos na barra de endereços. Os navegadores Mozilla
Firefox e Internet Explorer exibem um ícone que é um cadeado.
Assim, antes de efetuar uma transação financeira on liine, verifique se o Web site tem prefixo
https na barra de endereço. Depois procure o ícone do cadeado para ter certeza que os dados
serão criptografados digitalmente.
Lembre que é crescente o número de crimes na Internet e que no mundo virtual digital de
transações, é difícil capturar ladrões e assaltantes. O melhor a fazer é se proteger.
Para evitar problemas, foi feita a junção e, para efeitos de compatibilidade, foram mantidas as
duas extensões. Entretanto, se existirem 2 documentos com o mesmo nome, por exemplo, um
arquivo chamado index.html e outro, index.htm, o servidor irá sempre apresentar o index.html.
Bibliografia
http://pt.wikipedia.org/wiki/HTML