1. Home
  2. HTML
  3. Referência rápida de HTML

Referência rápida de HTML

Índice

1- Sobre o HTML

O HTML (HyperText Markup Language) é uma linguagem de marcação para exibição de textos, imagens e outros conteúdos com essa página aqui em um browser.

2- Referências sobre a linguagem

Referência da linguagem: https://developer.mozilla.org/pt-BR/docs/Web/HTML

3- Instalação

A boa notícia é que você não precisa instalar nada para rodar HTML, ele já roda no seu browser, seja ele Chrome, Firefox, Edge, Safari ou similares.

4- IDEs

VSCode (recomendo esse)

Uma ótima IDE para escrever HTML, CSS e Javascript é o VSCode.

O VSCode é um editor FREE, rápido, leve e com uma infinidade de extensões para diferentes linguagens de programação, o que faz com que ele seja uma ótima opção para diferentes usos, vale destacar também que ele ganhou com folga a primeira posição da pesquisa anual do Stack Overflow de 2021 (link) como a IDE mais utilizada por programadores.

Editores HTML

Tem uma lista bem grande de editores de texto e HTML que também podem ser utilizados, por exemplo:

Também é possível consultar na pesquisa anual do Stack Overflow a lista das IDEs mais utilizadas para programação: (Stack Overflow Survey 2021)

5- Hello World

Programa Hello World

Para fazer criar um HTML básico, que somente exibe somente a mensage “Hello world” na tela, siga os seguintes passos: Crie uma pasta “helloworld” e abra ela no VSCode Crie um arquivo index.html e adicione o conteúdo abaixo:

<!DOCTYPE html>

Hello Hello World

Volte na pasta e clique duas vezes no arquivo index.html para abri-lo no browser. A página será exibida no Browser.

Para construir uma página com mais elementos, podemos alterar o texto do arquivo para:

<!DOCTYPE html>

Sobre HTML

Como funciona o HTML

O que é?

O HTML é uma linguagem de marcação utilizada na construção de páginas na Web.

Como funciona?

Aqui temos um parágrafo falando sobre HTML.

E também podemos ter, imagem:

E listas:


que também podem ser ordenadas:
  1. Batata
  2. Cenoura
  3. Alface

E o mais legal, links:
Acesse o Google

</body> </html> --- //TODO: Complementar ---

Comentários