DEV Community

Cover image for O que pode ser feito com HTML ?
Jean Carlos Molossi
Jean Carlos Molossi

Posted on

O que pode ser feito com HTML ?

O HTML (Hypertext Markup Language) é uma linguagem de marcação utilizada para criar páginas da web. Ela funciona como uma espécie de esqueleto para o conteúdo da página, fornecendo estrutura e significado para o texto, imagens, vídeos, formulários e outros elementos que compõem a página.

Por exemplo, imagine que você quer criar um site para o seu negócio. Com o HTML, você pode adicionar um título à sua página principal, como "Bem-vindo à minha loja de roupas". Além disso, você pode adicionar parágrafos descrevendo os produtos que você vende, como "Oferecemos uma ampla variedade de roupas femininas, masculinas e infantis, desde camisetas básicas até vestidos de festa".

O HTML é uma linguagem de marcação que é usada para criar páginas da web. Com ele, é possível fazer várias coisas, tais como:

  1. Criar estrutura de página: O HTML permite adicionar títulos, parágrafos, listas, links, imagens e vídeos ao seu site, dando estrutura e significado ao conteúdo.
<h1>Título</h1>

<p>Parágrafo</p>

<ol>
    <li>Item de lista</li>
</ol>
Enter fullscreen mode Exit fullscreen mode
  1. Adicionar links: O HTML permite adicionar links para outras páginas dentro do seu site ou para outros sites na internet.
<a href="http://jeanmolossi.com.br/">Link ou Anchor</a>
Enter fullscreen mode Exit fullscreen mode
  1. Criar formulários: O HTML permite criar formulários de entrada de dados, como formulários de contato ou formulários de compra online, para que os visitantes possam interagir com o site.
<label>Digite seu e-mail</label>
<input type="text" name="email" />
Enter fullscreen mode Exit fullscreen mode
  1. Adicionar imagens e vídeos: O HTML permite adicionar imagens e vídeos ao seu site, tornando-o mais atraente e interativo.
<img src="https://jeanmolossi.com.br/kumala-la-kumala.gif?w=640&q=undefined" alt="imagem kumala" />
Enter fullscreen mode Exit fullscreen mode
  1. Criar tabelas: O HTML permite criar tabelas para exibir dados ou organizar o conteúdo em uma grade.
<table>
  <thead>
    <tr>
      <td>#</td>
      <td>E-mail</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>john@doe.com</td>
    </tr>
  </tbody>
</table>
Enter fullscreen mode Exit fullscreen mode
  1. Criar áreas de navegação: O HTML permite criar áreas de navegação para facilitar a navegação pelo site.
<nav>
  <a href="/">Início</a>
  <a href="/contato">Contato</a>
</nav>
Enter fullscreen mode Exit fullscreen mode
  1. Adicionar metadados: O HTML permite adicionar metadados à página, como o título da página, descrição e palavras-chave, que são usados ​​pelos mecanismos de busca para indexar e classificar sua página.
<head>
  <title>Título da página</title>
</head>
Enter fullscreen mode Exit fullscreen mode
  1. Acessibilidade: O HTML também permite criar conteúdo acessível para pessoas com necessidades especiais, usando tags específicas e atributos.
<img src="dinosaur.png" aria-labelledby="dino-label">
Enter fullscreen mode Exit fullscreen mode

É importante notar que o HTML é usado em conjunto com outras tecnologias da web, como o CSS (Cascading Style Sheets) e o JavaScript, para criar páginas da web dinâmicas e atraentes.

Se você está interessado em aprender HTML, existem muitos recursos disponíveis na internet, como tutoriais em vídeo, livros e cursos online. Comece com o básico e, aos poucos, vá aprofundando seus conhecimentos. Em pouco tempo, você estará criando páginas da web incríveis! Alguns recursos populares para aprender HTML incluem o W3Schools, etc.

Em resumo, o HTML é uma linguagem de marcação fundamental para a criação de páginas da web. Ele permite adicionar títulos, parágrafos, listas, links, imagens e vídeos ao seu site, além de permitir a criação de formulários para que os usuários interajam com o site. Quando usado em conjunto com o CSS e o JavaScript, o HTML permite criar sites atraentes e dinâmicos. Se você está interessado em aprender HTML, há muitos recursos disponíveis para ajudá-lo a começar.

Top comments (0)