4.27. Introdução ao HTML: estrutura básica, tags e atributos: Funções em JavaScript
Página 31 | Ouça em áudio
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.
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!
