4.27. Introdução ao HTML: Estrutura básica, tags e atributos: Funções em JavaScript

Introdução ao HTML: Estrutura básica, tags e atributos

HTML, que significa HyperText Markup Language, é a linguagem de marcação padrão para criar páginas e aplicações web. Junto com CSS e JavaScript, HTML é uma tecnologia fundamental usada para criar conteúdo web.

Estrutura básica de um documento HTML

Um documento HTML tem uma estrutura de árvore. O elemento raiz é sempre o elemento html. Dentro do elemento html, temos dois elementos filho: o head e o body. O elemento head contém metadados sobre o documento, como seu título e links para seus scripts e folhas de estilo CSS. O elemento body contém o conteúdo real do documento, como texto, imagens, vídeos, etc.

<!DOCTYPE html>
<html>
  <head>
    <title>Título da página</title>
  </head>
  <body>
    Conteúdo da página
  </body>
</html>

Tags e atributos HTML

Os elementos HTML são definidos usando tags. Uma tag é composta pelo nome do elemento, cercado por caracteres de menor e maior. Por exemplo, <html>, <body>, <head>, <title>, etc.

Alguns elementos HTML também podem ter atributos. Os atributos fornecem informações adicionais sobre o elemento. Eles são sempre especificados no início da tag do elemento e são compostos por um nome e um valor. Por exemplo, o elemento a, que é usado para criar links, tem um atributo href que especifica o URL do link.

<a href="https://www.exemplo.com">Isto é um link</a>

Funções em JavaScript

JavaScript é uma linguagem de programação que permite implementar funções complexas em páginas web. Quando uma página web é mais do que apenas texto estático e imagens, mas interage com o usuário, provavelmente JavaScript está envolvido.

As funções são um dos blocos de construção fundamentais em JavaScript. Uma função é um procedimento de JavaScript - um conjunto de instruções que executa uma tarefa ou calcula um valor. Para usar uma função, você deve defini-la em algum lugar no escopo de onde você deseja chamá-la.

Definindo funções

Uma função em JavaScript é semelhante a um procedimento - um conjunto de instruções que executa uma tarefa ou calcula um valor, mas para uma função ser útil, ela deve ser definida. A definição de função JavaScript consiste em uma palavra-chave de função, seguida por um nome, uma lista de parâmetros entre parênteses (parênteses) e uma declaração que contém o código a ser executado.

function nomeFuncao(parametro1, parametro2, parametro3) {
  // código a ser executado
}

Chamando funções

Depois de definir uma função, você pode executá-la chamando-a de outra parte do seu código. Para fazer isso, você usa o nome da função seguido por parênteses e fornece os valores (conhecidos como argumentos) para os parâmetros da função.

nomeFuncao(valor1, valor2, valor3);

Esperamos que essas informações básicas sobre HTML e JavaScript forneçam uma base sólida para você continuar aprendendo e explorando essas linguagens de programação. Lembre-se de que a prática é a chave para se tornar proficiente, então continue praticando e construindo!

Agora responda o exercício sobre o conteúdo:

Qual é a função dos atributos em elementos HTML?

Você acertou! Parabéns, agora siga para a próxima página

Você errou! Tente novamente.

Imagem do artigo Introdução ao HTML: estrutura básica, tags e atributos: Objetos e arrays

Próxima página do Ebook Gratuito:

32Introdução ao HTML: estrutura básica, tags e atributos: Objetos e arrays

4 minutos

Ganhe seu Certificado deste Curso Gratuitamente! ao baixar o aplicativo Cursa e ler o ebook por lá. Disponível na Google Play ou App Store!

Disponível no Google Play Disponível no App Store

+ de 6,5 milhões
de alunos

Certificado Gratuito e
Válido em todo o Brasil

48 mil exercícios
gratuitos

4,8/5 classificação
nas lojas de apps

Cursos gratuitos em
vídeo, áudio e texto