4.31. Introdução ao HTML: estrutura básica, tags e atributos: AJAX e Fetch API
Página 35
4.31. Introdução ao HTML: estrutura básica, tags e atributos: AJAX e Fetch API
HTML, ou HyperText Markup Language, é a linguagem de marcação padrão para documentos projetados para serem exibidos em um navegador da web. HTML é a pedra angular de qualquer desenvolvedor web. É a estrutura básica de qualquer página da web. Uma página da web sem HTML é como um edifício sem fundação. Portanto, uma compreensão sólida do HTML é crucial para se tornar um desenvolvedor front-end.
Estrutura básica do HTML
A estrutura básica do HTML consiste em tags que são usadas para definir e organizar o conteúdo na página da web. Cada documento HTML começa com a declaração do tipo de documento . Isso é seguido pela tag html que encapsula todo o conteúdo da página da web. Dentro dessa tag html, temos duas partes principais: a tag head e a tag body.
<!DOCTYPE html>
<html>
<head>
<title>Título da página</title>
</head>
<body>
Conteúdo da página
</body>
</html>
A tag head contém metadados sobre a página da web, como o título da página, links para CSS e JavaScript, e várias outras informações que não são exibidas diretamente na página da web. A tag body contém o conteúdo real da página da web que é exibido no navegador.
Tags e Atributos HTML
As tags HTML são a base do HTML. Elas definem e organizam o conteúdo na página da web. Cada tag começa com um sinal de menor (<) seguido pelo nome da tag e termina com um sinal de maior (>). A maioria das tags HTML vem em pares, o que significa que elas têm uma tag de abertura e uma tag de fechamento. A tag de fechamento é semelhante à tag de abertura, mas tem uma barra (/) antes do nome da tag. Por exemplo, a tag de parágrafo é escrita como <p> para abrir e </p> para fechar.
Os atributos HTML são usados para fornecer informações adicionais sobre as tags HTML. Eles são sempre especificados na tag de abertura e geralmente vêm em pares de nome/valor. Por exemplo, a tag de link (<a>) usa o atributo href para especificar o URL do link.
<a href="https://www.exemplo.com">Este é um link</a>
AJAX e Fetch API
AJAX, ou Asynchronous JavaScript and XML, é uma técnica que permite que as páginas da web sejam atualizadas de forma assíncrona, enviando e recebendo dados do servidor sem interferir na exibição e no comportamento da página existente. Isso significa que é possível atualizar partes de uma página da web sem recarregar a página inteira.
A Fetch API fornece uma interface para buscar recursos (incluindo recursos entre origens) na web. É uma alternativa mais moderna e flexível ao AJAX, com uma API mais poderosa e fácil de usar. A Fetch API retorna promessas e usa uma sintaxe mais limpa e elegante, tornando o código mais legível e fácil de manter.
fetch('https://api.exemplo.com/dados')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Erro:', error));
Em resumo, o HTML é a linguagem de marcação que usamos para estruturar e dar significado ao nosso conteúdo na web, definindo o que é um cabeçalho, um parágrafo, um link, etc. As tags e atributos HTML são a base do HTML, enquanto AJAX e a Fetch API são técnicas poderosas que permitem criar experiências de usuário dinâmicas e interativas na web.
Now answer the exercise about the content:
O que é a Fetch API e como ela se relaciona com AJAX?
You are right! Congratulations, now go to the next page
You missed! Try again.
Next page of the Free Ebook:
364.32. Introdução ao HTML: estrutura básica, tags e atributos: Introdução ao ES6+
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!
