Advertisement
  1. Web Design
  2. HTML

Seu Primeiro Documento HTML em 60 Segundos

Scroll to top
Read Time: 1 min
This post is part of a series called 60 Second Video Tutorials.
Troubleshooting WordPress in 60 Seconds
Designing for Business Goals in 60 Seconds

Portuguese (Português) translation by Erick Patrick (you can also view the original English article)

Criar o primeiro documento HTML é um dos momentos mas satisfatórios de qualquer designer web novato. Eis como fazê-lo em 60 segundos!

Um Pouco Mais de Detalhe

Aprenda mais sobre HTML.

60 Segundos?!

Esse artigo é parte de uma série de vídeos rápidos na Envato Tuts+ que introduzimos uma série de assuntos, tudo em 60 segundos—o suficiente para abrir o apetite. Diga-nos nos comentários o que achou do vídeo e o que mais gostaria de ver explicado em 60 segundos!

Legenda/CC

Aqui encontraremos o conteúdo do arquivo "captioins.sbv", que podemos usar para adicionar legenda ao vídeo. Ative as legendas clicando em Subtitles/CC no tocador–toque no ícone da engrenagem para selecionar o idioma:

0:00:00.000,0:00:03.820
Criar o primeiro documento HTML
é um dos momentos mais satisfatórios

0:00:03.820,0:00:09.099
para um designer web novato. Eis como fazê-lo
em 60 segundos. Primeiro, criemos um novo

0:00:09.099,0:00:14.820
arquivo, index.html. Abramo-no
em um editor de texto como o Notepad

0:00:14.820,0:00:21.779
idealmente, num edito como Sublime Text.
Na primeira linha, adicionemos esse doctype.

0:00:21.779,0:00:28.689
Agora, as tags HTML de abertura e fechamento,
como isso. Essa barra significa que está fechando

0:00:28.689,0:00:34.760
a tag. Adicionemos o cabeçalho, com essas tags. Ele
conterá meta dados sobre esse

0:00:34.760,0:00:35.950
documento.

0:00:35.950,0:00:40.469
Adicione a seção body com essas tags. Elas
guardarão o que será mostrado no

0:00:40.469,0:00:47.070
navegador. No cabeçalho adicionemos o título
e digitemos "meu primeiro documento HTML"

0:00:47.070,0:00:53.699
nele. No body, adicionemos tags p e digitemos
"isso é um parágrafo" dentro. Agora, vamos ao

0:00:53.699,0:00:57.850
navegador, abramos o arquivo e vejamos
o que fizemos. Esse é nosso primeiro

0:00:57.850,0:01:00.170
documento HTML em 60 segundos.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.