É uma Linguagem de Marcação de Hipertexto baseada em tags criada na década de 1990 por Tim Berners-Lee.
-- Acima temos um hyperlink atrelado a uma imagem, ao clicar o usuario é redirecionado
para ~img/Tim_Berners-Lee-Knight_full.jpg
para fazermos isso basta envolver a tag 'img' pela tag 'a' que irá tranformar a imagem em
algo clicavel!
note que o ponteiro do mouse tambem é modificado
SPOILER! 🤫🤫(essa propriedade pode ser personalizada com CSS! Conteudo que iremos ver mais adiante na disciplina)
-- o hyperlink abaixo linka a palavra "HTML" a sua pagina da wikipedia!
funciona apenas envolvendo a palavra pela tag "a" e fornecendo a pagina de destino dentro da propriedade ' href="" '
A HTML é utilizada para publicação de conteúdo em hipertexto, tais como:
-- Podemos definir Ancoras em nossa pagina para navegar dentro de nosso arquivo
Assim como esta sendo utilizado em "texto" e "imagem",
a sintaxe funciona da seguinte forma:
escolhemos palavras para serem o titulo
de nosso hyperlink
colocando elas dentro da tag "a", porem precisamos definir onde estará a 'ancora',
então vamo até o elemento desejado e colocamos uma ancora que nada mais
é que um "a"(mas nao necessariamente a tag "a",
pode ser uma imagem ou qualquer elemento)
com o parametro "name" setado, como "texto" por exemplo, após fazer isso, voltamos a palavra que
sera o titulo do hyperlink e no parametro "href" colocamos "#NomeDoParamName"
nesse
caso: href="#texto"
MAIS UM SEGREDO! 🤫🤫:
podemos em nosso arquivo CSS ou na tag "HTML", setarmos o parametro style
para "scroll-behavior: smooth;" dessa forma, a navegador da nossa pagina sera mais agradavel
e quando
usarmos uma ancora dentro da pagina, haverá um scroll suave até o destino
e nao uma troca repentina que é o comportamento padrão,
essa pagina esta usando o que foi citado acima, portando voce pode testar clicando em algum hyperlink
As tags definem ao navegador a marcação de conteúdo.
As tags tem funcionalidades específicas. Sem o uso de tags o navegador exibe um texto plano.
As tags podem possuir atributos, ou seja, são parâmetros que definem algum tipo de informação extra ao navegador.
Para conhecer mais sobre HTML e marcação de textos, acesse a síntese sobre o conteúdo referente a HTML e marcação de texto realizado pelo aluno Hans M. Boron
-- podemos referenciar outros arquivos que estão dentro do nosso """servidor"""
da mesma forma que fazemos para linkar à paginas da web acima desse comentario tem o exemplo
de nosso amigo Hans e abaixo dele o arquivo elaborado por Mariele!
Ambos sao arquivos HTML independentes
Imagens são muito importantes para ilustrar conteúdo. Acesse o conteúdo detalhado sobre marcação de imagens e listas elaborado pela aluna Mariele Longato
-- Aqui temos um exemplo de como fazer o download de arquivos
funciona da seguinte forma: colocamos o caminho do arquivo em "href"
nesse caso href="img.zip", usamos target="_blank" para abrir em outra guia
e o tipo em type="application/zip"
dentro da tag "a" colocamos a palavra para identificar para o usuário
que é ali onde ele deve clicar para
fazer o download dos arquivos
Media-Types - é um identificador padrão usado na Internet para indicar o tipo de dado que um arquivo contém. Media-Types
-- Aqui temos a forma de abrir o gerenciador de emails
ja com o destino do email selecionado por nós
usamos href="mailto:email@dominio.com" na tag "a", dessa forma
nosso navegador ira tentar abrir o gerenciador de emails
para fazermos o envio desse email
< VOLTAR