Com o surgimento da web, o HTML se consolidou como a principal linguagem utilizada para a publicação de conteúdo na internet. Em termos gerais, o HTML é fundamentado no conceito de hipertexto, que consiste em conjuntos de elementos interligados por conexões, como palavras, imagens, vídeos, áudio, documentos, entre outros. Quando esses elementos são conectados, formam uma ampla rede de informações.
O HTML tem como objetivo primordial estruturar o conteúdo de uma página web, permitindo a criação de diversos tipos de links para outras páginas e arquivos, além de possibilitar a construção de formulários, tabelas, listas e mais. Quando visitamos um site e clicamos em uma página, estamos, essencialmente, acessando um documento HTML.
Objetivos da aula
A tag <img> é usada para incorporar uma imagem em uma página da web. A sintaxe é <img src=”url” alt=”Texto alternativo”>. Este elemento não possui tag de fechamento e possui dois atributos obrigatórios:
● src: é o diminutivo de source e deve receber o caminho para a imagem
● alt é o diminutivo de alternative e deve receber um texto alternativo para a imagem
Para inserir um vídeo em uma página HTML utiliza-se a seguinte sintaxe:
<video width=“320” height=“240” controls>
<source src=“movie.mp4” type=“video/mp4”>
<source src=“movie.ogg” type=“video/ogg”>
Seu navegador não suporta a exibição deste vídeo
</video>
Nessa estrutura, o elemento “source” é equipado com os atributos “src” e “type”, os quais especificam a localização e o formato do arquivo de vídeo, respectivamente. É viável definir múltiplos elementos “source” com diversos tipos de vídeo. O navegador dará preferência ao primeiro formato que seja reconhecido; caso nenhum seja suportado, será exibida a mensagem inserida ao final (Seu navegador não suporta a exibição deste vídeo).
O atributo “controls” desempenha a função de adicionar controles de vídeo, como play, pause e volume. Outros atributos podem ser empregados no controle do vídeo, tais como “muted” para iniciar o vídeo sem áudio e “autoplay” para fazê-lo iniciar automaticamente quando a página carrega. Também é possível estabelecer a altura (height) e a largura (width) da tag “video”; é aconselhável sempre realizar essas definições.
Existem 3 formas de se exibirem listas em HTML:
1. <ul>: Representa unordered list, ou seja, listas não ordenadas;
2. <ol>: Representa ordered list, ou seja, listas ordenadas;