Curso Completo de HTML, CSS e Javascript

4.34. Introdução ao HTML: Estrutura Básica, Tags e Atributos

HTML, ou Hyper Text Markup Language, é a linguagem de marcação que define a estrutura de uma página web. É a espinha dorsal de qualquer site e é essencial para o desenvolvimento front-end. Vamos começar com a estrutura básica de uma página HTML.

Estrutura Básica

Uma página HTML é composta por uma série de elementos, cada um representado por uma tag. A tag mais externa é a tag <html>, que encapsula todo o conteúdo da página. Dentro dessa tag, temos duas seções principais: <head> e <body>.

A seção <head> contém informações meta sobre a página, como o título (que aparece na guia do navegador), links para folhas de estilo CSS, scripts JavaScript e outras informações que não são diretamente visíveis para o usuário.

A seção <body> é onde todo o conteúdo visível da página reside. Isso inclui texto, imagens, links, formulários, botões e muito mais.

Tags e Atributos

As tags são usadas para marcar o início e o fim de um elemento. Por exemplo, o texto que você deseja que apareça como um parágrafo seria colocado entre as tags <p> e </p>. Existem muitas tags em HTML, cada uma com um propósito específico.

Além disso, as tags podem conter atributos, que fornecem informações adicionais sobre o elemento. Por exemplo, a tag <a> (que cria um link) geralmente contém o atributo 'href', que especifica o URL para o qual o link deve apontar.

Introdução ao Node.js e NPM

O Node.js é um ambiente de execução JavaScript que permite executar o código JavaScript no lado do servidor. Isso é útil para criar servidores web, interagir com bancos de dados e muito mais. O Node.js vem com um gerenciador de pacotes embutido chamado NPM (Node Package Manager), que facilita a instalação e o gerenciamento de bibliotecas e ferramentas JavaScript.

O que é Node.js?

Node.js é um ambiente de execução JavaScript construído no motor JavaScript V8 do Google Chrome. Ele permite que os desenvolvedores usem JavaScript para escrever código que é executado no servidor, não apenas no navegador do usuário. Isso abre uma série de possibilidades, incluindo a criação de servidores web, a realização de operações de E/S (como ler e escrever arquivos) e a interação com bancos de dados.

O que é NPM?

NPM é o gerenciador de pacotes padrão para Node.js. Ele facilita a instalação e o gerenciamento de bibliotecas de código JavaScript, chamadas pacotes. O NPM também permite que os desenvolvedores compartilhem e distribuam seu código com a comunidade. Com o NPM, você pode instalar pacotes em seu projeto com um único comando, e ele cuidará de resolver e instalar quaisquer dependências.

Para usar o NPM, você precisa instalar o Node.js em seu computador. Uma vez instalado, você pode usar o comando 'npm install' para instalar pacotes em seu projeto.

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

O que é HTML e qual é a sua função?

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: Frameworks e bibliotecas populares (React, Angular, Vue)

Próxima página do Ebook Gratuito:

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

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