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

Página 31

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!

Now answer the exercise about the content:

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

You are right! Congratulations, now go to the next page

You missed! Try again.

Next page of the Free Ebook:

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

Earn your Certificate for this Course for Free! by downloading the Cursa app and reading the ebook there. Available on Google Play or App Store!

Get it on Google Play Get it on App Store

+ 6.5 million
students

Free and Valid
Certificate with QR Code

48 thousand free
exercises

4.8/5 rating in
app stores

Free courses in
video, audio and text