image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image
Breno Leal
Breno Leal09/09/2023 16:22
Compartilhe

Introdução ao HTML: Noções Básicas e Comandos Essenciais

  • #HTML

O HTML (Hypertext Markup Language) é a linguagem de marcação usada para criar páginas da web. Ele fornece a estrutura básica de um documento da web, permitindo que você organize o conteúdo em diferentes elementos e defina como ele deve ser apresentado no navegador. Neste artigo, vamos explorar as noções básicas do HTML e alguns comandos essenciais para começar a criar suas próprias páginas web.

O que é HTML?

HTML é uma linguagem de marcação que descreve a estrutura e o conteúdo de uma página da web. É composto por uma série de elementos, cada um representado por uma tag (etiqueta) que define sua função e aparência. As tags HTML são cercadas por colchetes angulares, por exemplo:

<p>Isso é um parágrafo.</p>

Neste exemplo, <p> é uma tag HTML que define um parágrafo.

Estrutura Básica de um Documento HTML

Todo documento HTML segue uma estrutura básica:

<!DOCTYPE html>
<html>
<head>
  <title>Título da Página</title>
</head>
<body>
  <!-- Conteúdo da Página -->
</body>
</html>
  • <!DOCTYPE html>: Define a versão do HTML que está sendo usada (HTML5, no caso).
  • <html>: O elemento raiz que engloba todo o conteúdo da página.
  • <head>: Contém informações sobre a página, como o título exibido na aba do navegador.
  • <title>: Define o título da página, que é exibido na aba do navegador.
  • <body>: Contém o conteúdo visível da página, como texto, imagens e links.

Principais Tags HTML

Aqui estão algumas das tags HTML mais comuns:

  • <h1><h2><h3><h4><h5><h6>: Tags de cabeçalho para títulos e subtítulos.
  • <p>: Define um parágrafo.
  • <a>: Cria um link para outra página.
  • <img>: Exibe uma imagem na página.
  • <ul> e <ol>: Criam listas não ordenadas e ordenadas, respectivamente.
  • <li>: Define um item de lista dentro de <ul> ou <ol>.
  • <div>: Cria um bloco de conteúdo genérico que pode ser estilizado com CSS.
  • <span>: Define uma parte de texto que pode ser estilizada com CSS.
  • <br>: Insere uma quebra de linha.
  • <hr>: Insere uma linha horizontal.

Exemplo de Uso

Aqui está um exemplo de uso dessas tags em um documento HTML simples:

<!DOCTYPE html>
<html>
<head>
  <title>Meu Primeiro Site</title>
</head>
<body>
  <h1>Bem-vindo ao Meu Site</h1>
  <p>Este é um parágrafo de exemplo.</p>
  
  <h2>Tópicos</h2>
  <ul>
      <li><a href="#">Página Inicial</a></li>
      <li><a href="#">Sobre</a></li>
      <li><a href="#">Contato</a></li>
  </ul>
  
  <img src="imagem.jpg" alt="Imagem de Exemplo">
  
  <p>Para aprender mais sobre HTML, consulte a <a href="https://www.w3schools.com/html/">W3Schools</a>.</p>
</body>
</html> 

Este é apenas um artigo introdutório sobre HTML, e há muito mais para aprender sobre essa linguagem de marcação. À medida que você avança, pode explorar recursos mais avançados, como formulários, tabelas, estilos CSS e interatividade JavaScript. O HTML é a base fundamental da web, e o conhecimento dele é essencial para qualquer pessoa que deseja criar conteúdo online.

Compartilhe
Comentários (1)
Derik Rodrigues
Derik Rodrigues - 09/09/2023 16:41

Muito bom conteúdo cara.

Segue link da documentação html da W3schools pra quem quiser se aprofundar.

https://www.w3schools.com/html/default.asp