Confira, através desta vídeo aula, como criar seu primeiro site em HTML, o "Hello, World!" ou "Olá, Mundo!", além de aprender as noções básicas sobre as tags mais importantes para a criação de um site.
Ler Tutorial
Sumário do Curso
Gostou do nosso conteúdo? Te ajudou?
Nos ajude também! Faça um PIX, de qualquer valor:
programacao.progressiva@gmail.com
Mostrando postagens com marcador Introdução. Mostrar todas as postagens
Mostrando postagens com marcador Introdução. Mostrar todas as postagens
Vídeo aula - Introdução ao estudo do HTML, XHTML e criação de sites
Nesta vídeo-aula introdutória, será ensinado os conceitos básicos da linguagem HTML, XHTML e da criação de páginas para sites.
Esta aula foi feita pela Universidade XTI, e está disponibilizado gratuitamente no Youtube, para qualquer um estudar.
Ler Tutorial
Esta aula foi feita pela Universidade XTI, e está disponibilizado gratuitamente no Youtube, para qualquer um estudar.
História e Evolução do Google – O que é o PageRank
Continuando nossa série sobre a história do Google e do SEO, vamos falar de um dos elementos mais conhecidos por Webmasters e até mesmo do público, o conceito de PageRank.
Embora não tenha a mesma importância de antes, muitas pessoas ainda se baseiam nele, portanto ter conhecimento sobre isso é essencial, e é isso que vamos ensinar agora em nossa apostila de HTML, sobre como criar e divulgar sites.
Lembrando que caso deseje transformar seus estudos de HTML em uma profissão e começar a ganhar dinheiro criando sites, sugerimos que faça o seguinte curso e obtenha seu certificado de Webmaster (tudo online), para poder atuar na área:
Curso de Webmaster (criação de sites HTML) online com certificado
Especificações em HTML e Document Types
Conforme dissemos em nossa seção de Introdução ao estudo
do HTML, ao longo dos tempos foram surgindo diversos tipos de HTML e variações /
evoluções (como o XHTML, HTML 5 etc), além de novas tecnologias e linguagens de
programação que irão agregar conteúdo e funcionalidade aos nossos sites (PHP,
Java, JavaScript, CSS etc).
Vamos falar um pouco dessa diversidade de tipos de HTML e
apresentar você o DOCTYPE, que será algo que você irá usar sempre que for criar
um site.
Curso de Webmaster (criação de sites HTML) online com certificado
Como criar o primeiro site em HTML

Escolha seu editor de textos, aqueça seu browser, que você vai criar páginas de internet!
Bem vindo ao nosso curso de HTML!
Caso deseje transformar seus estudos de HTML em uma profissão para começar a ganhar dinheiro criando sites, sugerimos que faça o curso e obtenha seu certificado de Webmaster (tudo online):
![]() |
Obter meu certificado! |
Que editor HTML usar para criar sites
No artigo passado apresentamos os dois tipos de editores de HTML para criar um site: os de modo visual e os de modo code, bem como as vantagens e desvantagens de cada um desses tipos.
Agora, vamos indicar dois programas para você baixar para usar em nossa apostila de HTML.
Caso deseje transformar seus estudos de HTML em uma profissão para começar a ganhar dinheiro criando sites, sugerimos que faça o curso e obtenha seu certificado de Webmaster (tudo online):
Curso de Webmaster (criação de sites HTML) online com certificado
Ler Tutorial
Agora, vamos indicar dois programas para você baixar para usar em nossa apostila de HTML.
Caso deseje transformar seus estudos de HTML em uma profissão para começar a ganhar dinheiro criando sites, sugerimos que faça o curso e obtenha seu certificado de Webmaster (tudo online):
Curso de Webmaster (criação de sites HTML) online com certificado
Como um site é criado: O que é HTML ?
HTML: Como criar um site
É quase impossível, nos dias de hoje, alguém não saber o
que é um site.
Até mesmo sua avó, embora nunca tenha usado um
computador, já deve ter visto na televisão alguém dando o endereço de algum
site: r7.com , globo.com, redes sociais etc.
Esse meio de informação, que é a Internet, é hoje o mais
utilizado no mundo.
Há diversas formas de trocarmos informações pela
internet, mas uma das maneiras mais comuns é através de páginas na internet,
como esta que você está lendo.
A maioria das pessoas não vai notar e certamente vão
passar batidos pelas seguintes perguntas:
“Quem faz os websites da Internet? Como é feita uma rede social, como o Facebook? “
Se você já se fez essa pergunta, parabéns. Você não é
daqueles que simplesmente aceitam as coisas. Ter curiosidade é uma virtude na
vida.
Mas sobre a pergunta, ‘como são feitas as páginas da
internet’, a resposta é: de várias maneiras, mas a principal e mais usada, sem
dúvidas, é com HTML.
HTML é uma coisa chamada Linguagem de Marcação, embora
não seja uma linguagem de programação propriamente dita, podemos dizer que é
algo parecido.
Parece complicado, mas vamos tentar explicar com exemplos
o que é HTML, para que serve, o que é possível fazer etc.
Para que serve HTML?
O HTML serve para criarmos uma página de internet.
Embora pareça simples, existem
zilhões de páginas diferentes.
E por página da web, não entenda o somente o conteúdo, o
texto ou as figuras.
Na verdade o HTML vai servir para exibir esses conteúdos.
Por exemplo, com HTML você faz o menu, coloca ele em cima
ou na lateral.
Com HTML, você coloca o logotipo de sua empresa em lugar
do site, faz com que as pessoas sejam levadas a outra página, caso cliquem em
alguma foto ou link.
Sabe aqueles campos de texto onde você escreve algo, ou
aqueles botões para marcar opção?
Também são feitos com HTML.
E os títulos? Umas letras maiores, outras menores? HTML.
Aquelas janelas pop-ups que se abrem sem você pedir? HTML
também.
E uma rede social? Tem quer saber HTML também.
E uma rede social? Tem quer saber HTML também.
Então, o que é HTML ?
HTML significa HyperText
Markup Language, que significa Linguagem de Marcação de Hipertexto.
Como dissemos, o HTML não cria coisas que citamos no
tópico passado, ele só diz onde e como elas devem aparecer, onde e como se comportar.
E como o HTML ‘diz’ isso? Por meio de uma linguagem, a
linguagem do HTML, de códigos.
E pra quem o HTML ‘diz’ isso? Para seu navegador (Mozilla
Firefox, Google Chrome, Internet Explorer etc).
Vamos explicar o que é uma linguagem de marcação e você entenderá melhor o que é o HTML.
Vamos explicar isso no mundo real.
Vamos explicar o que é uma linguagem de marcação e você entenderá melhor o que é o HTML.
Vamos explicar isso no mundo real.
O que é uma linguagem de marcação?
Imagine que você escreveu um livro, o texto inteiro.
Com uma caneta e todo escrito a mão.
Isso seria o conteúdo de seu site, as informações que
vemos nas páginas da web.
Porém, você não iria lançar seu livro assim, você precisa
fazer uns ajustes, realces, marcar as coisas de maneiras diferentes. Vamos
formatar seu livro, ou seja, colocar num formato agradável pro leitor.
Primeiro de tudo, ninguém faz mais livros a mão. A
primeira coisa que se faz é digitar.
Segundo, você precisa de uma capa, um título pro livro.
Já viu livro em que a capa é igual as páginas? Claro que
não, é diferente, é mais bonita, tem que chamar atenção.
Temos também que colocar figuras, definir o tamanho do
rodapé, colocar a numeração das páginas, colocar figuras, alinhas o texto, ter
cuidado pras letras não saírem em cima das figuras e milhares de outros
detalhes.
Agora me diga, as pessoas leriam livros se fossem todos
iguais?
E se eles fossem feito sem figuras, sem formatação, sem
esses ajustes?
Muito difícil não é?
Pois bem, com o HTML é a mesma coisa. Só o texto não
basta.
Tem que organizar, deixar agradável, ajustar as fotos,
larguras, parágrafos e tudo mais.
Com o HTML vamos dizer ao navegador todas essas
alterações.
E como vamos dizer isso? Ué, utilizando uma linguagem
para se comunicar.
Que linguagem? Português, Inglês? Não, vamos conversar
com o navegador usando a linguagem HTML.
E quem são os responsáveis por criar? São os webmasters,
ou mestres da Web.
Quer se tornar um mestre da Internet? Então continue
estudando pelo curso HTML Progressivo.
Tutorial sobre:
Apostila de HTML,
Como aprender HTML,
Como criar um site,
Curso de HTML,
Introdução,
Tutorial de HTML
Assinar:
Postagens (Atom)