4.35. Introdução ao HTML: estrutura básica, tags e atributos: Frameworks e bibliotecas populares (React, Angular, Vue)

Página 39

4.35. Introdução ao HTML: estrutura básica, tags e atributos: Frameworks e bibliotecas populares (React, Angular, Vue)

Introdução ao HTML

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 base de qualquer site ou página da web que você vê na internet. É uma das principais ferramentas que qualquer desenvolvedor front-end precisa entender e usar efetivamente.

Estrutura básica do HTML

Um documento HTML básico consiste em três partes principais: o cabeçalho (<head>), o corpo (<body>) e a tag HTML (<html>).

  • A tag <html> é a raiz do documento HTML e tudo o que faz parte do documento HTML deve estar dentro dessa tag.
  • A tag <head> contém metadados sobre o documento, como o título da página, links para CSS, scripts JavaScript e muito mais. Essas informações não são exibidas no conteúdo principal da página da web, mas são vitais para a funcionalidade da página.
  • A tag <body> é onde o conteúdo principal do documento HTML é colocado. Isso inclui texto, imagens, listas, links, vídeos e mais.

Tags e atributos HTML

HTML usa 'tags' para marcar diferentes tipos de conteúdo. Cada tag começa com um sinal de menor (<) e termina com um sinal de maior (>). Cada elemento HTML tem uma tag de abertura e uma tag de fechamento, com o conteúdo entre elas. Por exemplo, para criar um parágrafo, usamos a tag de abertura <p>, seguida pelo texto do parágrafo e, em seguida, a tag de fechamento </p>.

Os atributos HTML são usados para fornecer informações adicionais sobre os elementos 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.

Frameworks e bibliotecas populares

Enquanto HTML, CSS e JavaScript são as ferramentas fundamentais para desenvolvimento web, existem várias bibliotecas e frameworks disponíveis que podem ajudar a acelerar o processo de desenvolvimento e criar sites mais eficientes e eficazes.

React

React é uma biblioteca JavaScript para construir interfaces de usuário. Desenvolvido pelo Facebook, React permite que os desenvolvedores criem grandes aplicações web que podem alterar os dados, sem recarregar a página. A principal vantagem do React é a velocidade de desenvolvimento e a eficiência, graças ao seu sistema de componente reutilizável.

Angular

Angular é um framework JavaScript desenvolvido pelo Google. Ele permite que os desenvolvedores criem aplicações web ricas e eficientes com uma única página. Angular é conhecido por ser abrangente e eficiente, com um grande conjunto de ferramentas e funcionalidades integradas.

Vue

Vue é um framework JavaScript para construir interfaces de usuário. Comparado ao React e ao Angular, Vue é conhecido por ser mais leve e mais fácil de aprender, tornando-o uma excelente escolha para projetos menores ou para desenvolvedores que estão apenas começando a aprender o desenvolvimento front-end.

Em resumo, HTML é a base do desenvolvimento web, mas a eficiência e a eficácia do desenvolvimento podem ser aprimoradas com o uso de bibliotecas e frameworks como React, Angular e Vue. A escolha do framework ou biblioteca a ser usado dependerá das necessidades específicas do projeto e da experiência do desenvolvedor.

Now answer the exercise about the content:

Qual das seguintes afirmações é verdadeira sobre a estrutura básica de um documento HTML?

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

You missed! Try again.

Next page of the Free Ebook:

405. Formatação de texto com HTML

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