REPÚBLICA DE ANGOLA
MINISTÉRIO DA EDUCAÇÃO
INSTITUTO POLITÉCNICO 28 DE AGOSTO DO DUNDO
TEMA: INTRODUÇÃO AS PAGINÁS ESTÁTICAS (HTML)
AUTOR: Emiliano Cumpanhe Maria Wassenda
11ª CLASSE
TURMA: H
SALA: 8
PERIODO: VESPERTINO
O PROFESSOR
______________
Eng. António Cungula
INTRODUÇÃO
O sistema com o qual está construído a web se chama hipertexto e é um
emaranhado de páginas conectadas com links. A web não só se limita a
apresentar textos e links, também pode nos oferecer imagens, vídeos, áudio e
todo tipo de apresentações, chegando a ser o serviço mais rico em meios da
Internet. Por esta razão, para nos referir ao sistema que implementa o web
(hipertexto), foi acunhado um novo termo que é hipermídia, fazendo referência
a que o web permite conteúdos multimídia.
O código das páginas está escrito em uma linguagem chamada HTML, que
indica basicamente onde colocar cada texto, cada imagem ou cada vídeo e a
forma que terão ao serem colocados na página.
Desde sua invenção, é a de ser uma linguagem de marcação e estruturação de
hipertextos. Um documento é visto como um conjunto de eventos concorrentes
dependentes de tempo (áudio, vídeo, etc.), conectados por webs ou hiperlinks.
O HTML fornece a base para a construção de sistemas hipertexto
padronizados, consistindo de documentos que aplicam os padrões de maneira
particular. Para escrever HTML existem elementos que são representados por
tags ou etiquetas.
DESENVOLVIMENTO
HTML é uma abreviação de Hypertext Markup Language - Linguagem de
Marcação de Hypertexto. Resumindo em uma frase: o HTML é uma linguagem
para publicação de conteúdo (texto, imagem, vídeo, áudio e etc) na Web
O HTML é baseado no conceito de Hipertexto. Hipertexto são conjuntos de
elementos ligados por conexões. Estes elementos podem ser palavras,
imagens, vídeos, áudio, documentos etc. Estes elementos conectados formam
uma grande rede de informação. Eles não estão conectados linearmente como
se fossem textos de um livro, onde um assunto é ligado ao outro
seguidamente. A conexão feita em um hipertexto é algo imprevisto que permite
a comunicação de dados, organizando conhecimentos e guardando
informações relacionadas.
O HTML (Hypertext Markup Language) ou linguagem de marcação de
hipertexto foi desenvolvido para suprir a necessidade exibição de documentos
científicos fornecidos por uma rede de Internet. Para termos uma comparação,
é como se a Web fosse desenvolvida para exibir monografias redigidas e
formatadas pela Metodologia do Trabalho Científico da ABNT. Porém, com o
tempo e a evolução da Web e de seu potencial comercial, tornou-se necessária
a exibição de informações com grande riqueza de elementos gráficos e de
interação. Começaremos por partes, primeiro entenderemos como o HTML
funciona, para depois aprendermos estilos, elementos gráficos e interações.
Para distribuir informação de uma maneira global, é necessário haver uma
linguagem que seja entendida universalmente por diversos meios de acesso. O
HTML se propõe a ser esta linguagem. Desenvolvido originalmente por Tim
Berners-Lee o HTML ganhou popularidade quando o Mosaic - browser
desenvolvido por Marc Andreessen na década de 1990 ganhou força. A partir
daí, desenvolvedores e fabricantes de browsers utilizaram o HTML como base,
compartilhando as mesmas convenções
A única linguagem que um navegador Web consegue interpretar para a
exibição de conteúdo é o HTML.
SINTAXE DO HTML
O HTML é um conjunto de tags responsáveis pela marcação do conteúdo de
uma página no navegador.
As tags são os elementos a mais que escrevemos usando a sintaxe . Diversas
tags são disponibilizadas pela linguagem HTML e cada uma possui uma
funcionalidade específica
Exemplo: <h1>BEM-VINDO </h1>
Note a sintaxe. Uma tag é definida com caracteres < e > , e seu nome (h1 no
caso). Muitas tags possuem conteúdo, como o texto do título ("MusicDot").
Nesse caso, para determinar onde o conteúdo acaba, usamos uma tag de
fechamento com a barra antes do nome:
Algumas tags podem receber algum tipo de informação extra dentro de
sua definição chamada de atributo. São parâmetros usando a sintaxe de
atributo="valor" . Para definir uma imagem, por exemplo, usamos a tag
<img> E para indicar o caminho que está essa imagem, usamos o
atributo src:
<img src="../imagens/casa_de_praia.jpg">
Repare que a tag img não possui conteúdo por si só, e sim ela carrega ali o
conteúdo de um arquivo externo (a imagem). Nesses casos, não é necessário
usar uma tag de fechamento como antes no h1
TAGS HTML
O HTML é composto de diversas tags, cada uma com sua função e significado.
Desde 2013, com a atualização da linguagem para o HTML 5, muitas novas
tags foram adicionadas
As tags de heading são para exibir conteúdo de texto e contém 6 níveis, ou
seja, de <h1> à <h6>, seguindo uma ordem de importância, sendo <h1> o título
principal, o mais importante, e <h6> o título de menor importância.
CONCLUSÃO
A função do HTML é indicar que tipo de informação a página está exibindo.
Quando lemos um livro, conseguimos entender e diferenciar um título de um
parágrafo. Basta percebermos a quantidade de letra, tamanho da fonte, cor etc.
No código isso é diferente. Robôs de busca e outros user-agents não
conseguem diferenciar tais detalhes. Por isso, cabe ao desenvolvedor marcar a
informação para que elas possam ser diferenciadas por diversos dispositivos.