A tag < hgroup > - Agrupando Tags de Cabeçalho H1, H2, H3, H4, H5 e H6 (Tutorial de HTML5)

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Neste simples tutorial de HTML5, vamos falar de uma tag que tem por função agrupar os headings, ou tags cabeçalhos (h1, h2, h3, h4, h5 e h6), que é o elemento hgroup.

Ler Tutorial

Tutorial de HTML5 - Novas Tags e Elementos Semânticos

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

No Tutorial de HTML5 anterior vimos algumas simplificações do antigo HTML, que deixaram algumas tags bem mais simples de serem usadas como a de Doctype, codificação de caracteres charset e a propriedade lang para definir a língua do conteúdo de seu site.

Agora vamos focar nos novos elementos, nas novas tags que surgiram especificamente para o uso no HTML5, que não existiam antes.

Ler Tutorial

Tag < span > - Como agrupar elementos inline em HTML e CSS com a SPAN

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Neste Tutorial de CSS de nosso curso, iremos aprende aprender uma das tags, junto da tag <div>. que é extremamente usada para estruturar e organizar seus sites de uma maneira bem natural e lógica, através da tag <span>.

• Estude offline: Apostila HTML + CSS

<span> - Destacando Elementos Inline no HTML &

No tutorial de CSS passado, falamos sobre a tag <div> e mostramos como é possível criar divisões para agrupar elementos que tem algum em comum, dentro de um mesmo local, um container, que é a div.

Usar a tag div junto do seletor ID e do CLASS em CSS é uma prática bem comum, e vamos usar esse grupo de ferramentas durante todo nosso curso de CSS, em diversos tutoriais.
Porém, os seletores de tag e tag div, como o nome diz, agem nas tags por completo.

Por exemplo, se você coloca o seletor ID numa tag de parágrafo <p> e aplica um estilo à ela, todo o parágrafo é estilizado pela(s) regra(s) de CSS.
Logo, a tag div aplica um estilo em todas as tags (elementos, ou objetos) que estão dentro dela.

Se usar os seletores ID e CLASS em uma tag qualquer para estilizar, estará estilizando todo o conteúdo da tag, o que nem sempre é o que queremos, como veremos em exemplos deste tutorial de CSS.

Todas as tags, exceto a tag <span>, pois esta tag permite que usemos os seletores ID e CLASS em apenas um trecho da tag, ou seja, a tag span é uma tag inline, pois ela é usada dentro de outras tags, é uma espécie de elemento interno de outro elemento (de outra tag).

Como usar a tag <span> em HTML e CSS

A sintaxe da span tag é como outra tag qualquer, a diferença é que devemos envolver o texto que quisermos entre: <span> e </span>

Por exemplo, o seguinte código HTML:

<p>Para que serve a tag span - Tutorial de <span>HTML</span> e <span>CSS</span></p>

Tem o seguinte efeito:
Para que serve a tag span - Tutorial de HTML e CSS

Ou seja, simplesmente envolver um trecho com as tags span não produz nenhum efeito propriamente dito. Mas vamos aplicar estilo nessas tags span, vamos colocar cor azul na palavra HTML e cor vermelha na palavra CSS, o código HTML fica:

<p>Para que serve a tag span - Tutorial de <span style="color:blue">HTML</span> e <span style="color:red">CSS</span></p>

E o efeito ocorrido nas tags span estilizadas será:
Para que serve a tag span - Tutorial de HTML e CSS

Ou seja, colocamos as tags <span> dentro de outra tag, a <p>, e aplicamos um estilo somente dentro daquele trecho específico.

Exemplo de uso da tag <span>

Agora que já vimos neste tutorial de CSS a importância, uso e como usar a tag <span>, vamos dar um exemplo de uso mais comumente visto, que é feito usando a span junto com seletores do tipo ID ou CLASS.

Vamos criar uma página que vai ter um artigo sobre "Tutorial de CSS", ou seja, um site com um texto.
Até aí tudo ok, vamos escrever um texto genérico sobre essa temática, porém vamos destacar duas coisas, sempre que aparecer "tutorial de CSS" no texto, vamos envolver esse trecho com uma <span class="tutorial">tutorial de css</span> e quando aparecer "Curso HTML Progressivo" vamos identificar este trecho com <span class="site">Curso HTML Progressivo</span>.

Recomendamos que primeiro escreva o texto, e só depois faça uma busca por "tutorial de css" e substitua esse texto por um com as tags span, e o mesmo para Curso HTML Progressivo.
Eu fiz essa substituição usando uma linguagem de programação, o JavaScript.

Agora que identificamos, vamos usar que aprendemos em CSS para estilizar cada vez que esses trechos apareçam em nossa página.
Sempre que aparecer "tutorial de CSS", vamos colocar um negrito e uma cor vermelha neste texto, pois queremos destacá-lo.
Já quando aparecer o nome do site, "Curso Progressivo", vamos aplicar um itálico, negrito, uma cor azul e uma fonte maior.

Nossa folha de estilos estilo.css fica:

.tutorial {
 font-weight: bold;
 color: red;
}

.site {
 font-style: italic; 
        font-weight: bold;
 font-size: 20px;
 color: blue;
}

Já nosso documento HTML com um texto genérico fica:

<!DOCTYPE html>
 
<html> 
<head>
 <title>Tutorial de CSS - a tag <span></title>
 <meta name="description" content="Tutorial de CSS sobre a tag <span>">
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <link rel="stylesheet" type="text/css" href="estilo.css"/>
</head>

<body>
 <h1><span class="tutorial">Tutorial de CSS</span></h1>
 <h2>Introdução</h2>
 <p>Neste artigo de nosso <span class="site">Curso HTML Progressivo</span>, iremos falar da importância do CSS para o desenvolvimento web e daremos uma dica sobre um excelente <span class="tutorial">tutorial de CSS</span> que é possível achar online, e gratuito para download.</p>

 <h2>A importância de um <span class="tutorial">tutorial de CSS</span></h2>
 <p>Achar um bom <span class="tutorial">tutorial de CSS</span> na internet não é nada fácil.<br />
    É possível encontrar um ou outro <span class="tutorial">tutorial de CSS</span> solto, sobre assuntos desconexos, e a maioria já supõe que você saiba de muitas coisas.</p>

 <p>Um bom <span class="tutorial">tutorial de css</span>, é um que seja completo, assuma que o usuário nunca tenha estudado aquele assunto e que ensine da maneira mais clara e correta possível, passando informações e exemplos, pois só teoria não basta.</p>

 <h2>Onde achar um bom <span class="tutorial">tutorial de CSS</span> - <span class="site">Curso HTML Progressivo</span></h2>
 <p>Visando preencher a lacuna que faltava na internet brasileira, o <span class="site">Curso HTML Progressivo</span> oferta um tutorial completo de css, além de ensinar os conhecimentos necessários de HTML que você deve ter para estudar CSS.</p>

 <p>O <span class="tutorial">tutorial de css</span> da <span class="site">Apostila HTML Progressivo</span> é totalmente online, gratuito e não exige cadastro para o uso, basta acessar o site e começar a ler os artigos sobre CSS.</p>

 <p>Caso você seja iniciante, aconselhamos a seguir o conteúdo do Índice, pois fornece a ordem exata que você deve estudar pelo <span class="site">Curso HTML Progressivo</span>.</p>

 <p>Porém, se você não for iniciante, os artigos estão divididos em seções, e você pode usar qualquer <span class="tutorial">tutorial de CSS</span> como referência de consulta.</p>

</body>

</html>

Crie sua folha de estilos, seu documento.html e rode os códigos para ver o efeito.
Ok, não ficou muito bonito, tá parecendo o site do Restart, mas é só para mostrar o uso das tags <span>, em que situações e como devem ser usadas, é importante você ver o efeito do CSS em todos os artigos de nosso curso.

Ler Tutorial

Como usar imagens em sites HTML de maneira correta

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Agora que já vimos como usar a tag img para exibir imagens, como mudar altura e largura de uma figura e até mostramos como alinhar imagens e textos, em nossa apostila de HTML, vamos fazer algumas considerações finais sobre o uso de imagens em nossos sites.

Vamos falar de regras básicas e muito importantes, que todos os Webmasters devem ter conhecimento.
Daremos algumas dicas de SEO (Search Engine Optimization) importantes, que fará você se beneficiar do uso de imagens para conseguir boas visitas e ficar bem visto pelo Google.

Ler Tutorial

Como mudar a altura e largura de uma imagem - Os atributos height e width da tag < img >

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

No tutorial passado de nosso curso de HTML, mostramos como colocar fotos e imagens em um site através da tag img e começamos a ver como nossos websites estavam cada vez mais bonitos e interessantes.

Neste tutorial da apostila, vamos continuar trabalhando em cima das imagens, aprendendo a mudar seu tamanho e largura.

Ler Tutorial

A < font > tag e seus atributos - Como alterar a fonte, tamanho e cor de textos em um site HTML

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Neste tutorial de nosso Curso de HTML, vamos aprender a usar a tag <font>, que serve para definir várias características das fontes que vamos usar para criar nossos sites.

Aprenda a fazer diversos efeitos nos textos de seu site

Essas características são parâmetros que nos permitem controlar o tipo de fonte, cor, tamanho e uma série de outras características que vão nos auxiliar na hora de apresentar um conteúdo em texto para os leitores de nossos websites.

Ler Tutorial

Aprenda a criar Listas Simples e Listas Ordenadas em HTML

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Lista de ingredientes, lista de pessoas, passo-a-passo enumerado de um tutorial...listas e mais listas.

São elementos textuais muito importantes e são de suma importância na criação de sites, para uma boa experiência do usuário e até para o SEO (otimização de sites para buscadores).

Neste tutorial de nossa apostila de HTML vamos aprender como criar dois tipos de listas, as mais comuns:

• listas as simples (que somente apresentam aquelas bolinhas ao lado), que são mostrados na figura de cima

• listas enumeradas (que mostram uma sequência numérica)., que estão sendo exibidas ao lado

Ler Tutorial

Headings tags - Os cabeçalhos h1, h2, h3, h4, h5 e h6

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Neste tutorial de nosso curso de HTML, vamos falar sobre a estrutura de um documento em HTML e explicar como devemos dividir e organizar um site, baseado em uma hierarquia de cabeçalhos.


É um assunto que é raramente visto em tutoriais de HTML por aí mas que vai fazer uma grande diferença na organização de seus sites, até porque é uma maneira de formatação que auxilia, e muito, os navegadores e sites de busca.

Ler Tutorial

Vídeo aula - Criando o primeiro site, o "Olá Mundo" em HTML

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

< i >, < b > e < u > - Como escrever em itálico, negrito e sublinhado em HTML

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Agora que já aprendemos como colocar trechos de texto dentro de um mesmo parágrafo, bem como produzir quebras de linha à qualquer momento em nossos sites através do artigo passado, sobras as tags <p> e <br />, vamos nos aprofundar mais na formatação de textos.

Neste tutorial de nosso curso de HTML, vamos ensinar a vocês como deixar um texto em negrito, itálico e como sublinhar.

Ler Tutorial

bgcolor - Como mudar a cor de fundo de um site - A tabela de cores

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

No tutorial passado de HTML, explicamos o que é, para que serve e como usar a tag <body>, usada para trabalhar com elementos que serão exibidos para o usuário.

Como fizemos, e vamos continuar fazemos, durante todo nosso curso online grátis de HTML, vamos dar exemplos práticos de código, afinal, só ler teoria não é muito legal.
Para aprender, temos que realmente por a mão na massa, escrever códigos HTML e criar sites.

Neste tutorial, vamos ensinar como mudar a cor de fundo de um site, e falaremos mais da relação das cores com o HTML.

Ler Tutorial

< body > tag - O que é, para que serve e como usar a < body >

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Webmasters entenderão

Para finalizar os estudos básicos de nosso curso de HTML, vamos apresentar a tag <body>, que junto com a tag <html> e a <head> formam a tríade de tags mais importantes e essenciais de qualquer site feito em HTML.

Ao final deste tutorial de HTML, você fará um site completo, embora simples, pois já irá dominar as principais estruturas básicas de qualquer página na Internet.

Como irá entender como um site é feito, como funciona e já terá criado um 'na unha', já poderá se considerar um Webmaster :)


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

Ler Tutorial

Como criar um Link em HTML: A tag < a >

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Embora seja simples e bem básica, essa aula sobre links é provavelmente a mais importante em nosso curso de HTML, pois toda a internet se baseia no conceito de links, de tão importantes e essenciais ao HTML que eles são.

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

• Baixar PDF: Apostila HTML + CSS Progressivo

O que é um link em linguagem HTML

Link, em inglês, significa ligação, elo ou conexão.

E é isso que os links fazem em HTML, eles conectam uma página da internet até outra, eles levam o usuário de um local a outro.

Um link pode ser um uma página HTML, uma imagem, um e-mail, um endereço de FTP etc.

Os links são, portanto, um endereço, uma referência de um 'local' para outro.

Para que serve um link

Com certeza já entrou em algum site de notícia, deu uma olhada e clicou naquilo que mais te interessa.
Esse local onde você clicou é um link, que pode estar em forma de texto (geralmente sublinhado) ou uma imagem.
Quando posicionamos o mouse em cima de link, a seta do mouse geralmente vira uma 'mãozinha', o que sinaliza ao usuário leigo que aquilo é um link.

Você usa um link quando procura algo no google, e clica no resultado desejado.
Quando abre seu e-mail, e clica em "Caixa de Entrada", está usando um link.
Também quando clica em 'curtir' no Facebook, está usando um link também.
Enfim, poderíamos criar um site somente para falar sobre o uso e importância dos links, mas com certeza você já deve ter certeza disso.

Portanto, durante todo nosso curso de HTML, vamos falar dos links, tags que envolvem links, atributos e várias outras coisas que envolvem links.

A tag âncora <a> </a> - Como criar um link em HTML

Sim, para criar um link vamos usar mais uma tag, chamada anchor tag: <a>
Porém, você não verá seu uso sozinha, sem atributos.

Como dissemos previamente, o uso dos links são inúmeros, bem como a quantidade de atributos dessa tag.
Por hora, nesse artigo de HTML, vamos aprender a maneira mais simples e usar de criar um link, com o atributo href.
A sintaxe é:

<a href="URL do site"> Texto visível </a>

Ou seja, se você estudou os outros tutoriais de nosso curso, não verá nenhum problema sobre o uso dessa tag.
Vamos criar o código de um link para o HTML Progressivo, o código seria:
<a href="http://www.htmlprogressivo.net/"> HTML Progressivo </a>

E o que veríamos, na prática, seria: HTML Progressivo

É bem comum o seguinte código HTML para um link:
<a href="http://www.htmlprogressivo.net/"> clique aqui </a>

O resultado seria:
E isso é bem comum em textos do tipo: "Se quiser acessar um curso de HTML gratuito e online, clique aqui."
Ou seja, não importa o que você escreve entre as tags <a> </a>, é apenas a parte visível ao usuário.





Exemplo de código HTML:
Vamos criar um site baseado nos conhecimentos ensinados até o momento, em nossa apostila online de HTML.
Nessa página, vamos descrever nosso curso de HTML, com vários links, vamos usar as meta tags keyword e description, <html>, <body>, título e, claro, as tags âncora de lin <a>:

<!DOCTYPE html>
 
<html>
 <head>
      <meta name="description" content="Curso de HTML, CSS, SEO e Monetização! Online completo e gratuito">
      <meta name="keywords" content="HTML, CSS, SEO, Monetização, Curso, Apostila, Online, Grátis">
      <title> HTML Progressivo - Curso de HTML completo, online e gratuito </title>
 </head>
 
 <body> 
Conheça o site <a href="http://www.htmlprogressivo.net/">HTML Progressivo</a>, um site que oferece um curso de HTML totalmente gratuito e online. <p>
 
No site HTML Progressivo, você não aprende somente a criar sites, mas também sobre <a href="http://www.htmlprogressivo.net/p/seo-trabalhando-com-o-google.html">SEO</a> e <a href="http://www.htmlprogressivo.net/p/monetizacao-de-sites_12.html">Monetização</a>.
 </body>
</html>

Salvem o arquivo com a extensão .html e cliquem no arquivo, para ver os sites que criou.
O resultado visto será o seguinte:
Conheça o site HTML Progressivo, um site que oferece um curso de HTML totalmente gratuito e online.

No site HTML Progressivo, você não aprende somente a criar sites, mas também sobre SEO e Monetização.


Exercício sobre links em HTML:
Crie uma página completa, com as tags <html>, <head> e <body>, bem como as meta tags description e keywords, título e com 3 links.
No texto de seu site, descreve estes 3 links, e use-os como foi mostrado no exemplo passado.
Use a tag <br> para pular de linha, ou <p> para pular para o próximo parágrafo.

Ler Tutorial

As < meta > tags description e keywords - Informações sobre seu site

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Na aula passada de nosso curso de HTML, ensinamos como criar um título para as páginas de seu site, bem como sua importância e como criar um título relevante para seus leitores e para os motores de busca, como o Google.

Agora vamos aprender como dar mais detalhes de sua página, através de uma descrição e das palavras-chaves que definem sua página, através das <meta> tags.
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
Baixar PDF: Apostila HTML + CSS Progressivo

Ler Tutorial

A tag < title > - Criando um título para as páginas de um site

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

No artigo passado, de nosso curso de HTML, vimos que a tag <head> serve para armazenar informações importantes sobre as páginas de um site, funcionando como um cabeçalho de características.

Nesse artigo vamos começar a preencher a tag <head> do HTML com esses dados, que são essenciais em qualquer página da internet.

Vamos começar aprendendo como colocar um título em nossas páginas de HTML.


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

Ler Tutorial

< head >: a tag cabeça de um site em HTML

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Em um grupo de uma empresa, por exemplo, sempre existe um cabeça. Geralmente é algum chefe ou líder.

Nos trabalhos de escola e de faculdade, também existe um cabeça.
Quando vemos uma quadrilha sendo presa na televisão, eles sempre falam do cabeça do grupo.

Na criação de sites, também temos uma tag cabeça no HTML, é a tag <head>, que será o alvo de estudo desse artigo de nosso curso de HTML.

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

• Fazer download da Apostila de HTML + CSS

Ler Tutorial

História e Evolução do Google – As meta tags

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Depois que as pessoas descobriram como funciona e como influenciar os resultados da busca do Google, que naquela época era através da troca de links, as coisas precisam mudar, pois a Internet estava uma verdadeira bagunça.

Empresas e mais empresas surgiam, com o único objetivo de criar sites para criar links.

As pessoas contratavam seus serviços, compravam links e era garantia de obter os primeiros resultados nas buscas.

E o Google teve que mudar, selecionar de maneira diferente os sites.

Avaliar só pelos links não funcionava mais. Nesse tutorial de SEO vamos ver com o big G resolveu essa.

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

Ler Tutorial

O que são atributos em HTML

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

No artigo de HTML passado, ensinamos como fazer um texto deslizar na tela, através da tag marquee. Ao final da lição mostramos vários efeitos semelhantes e dissemos que todos eram, de fato, o mesmo marquee, porém com algumas alterações no código HTML.

Essas alterações são feitas diretamente nas tags, e se chamam atributos.

E atributos será nosso objeto de estudo desse tutorial 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!

Ler Tutorial

Efeito em HTML, < marquee >: Fazendo um texto rolar na tela

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Como o curso HTML Progressivo visa ensinar tudo sobre HTML, vamos sempre, ao longo de nossa apostila online de HTML, mostrar alguns efeitos e truques bacanas do HTML, que saem um pouco do escopo sério e teórico do aprendizado de HTML.

Nesse simples tutorial, vamos mostrar como fazer o seguinte efeito:

Texto rolando na tela

Estude offline: Apostila HTML + CSS

Obter meu certificado!

Ler Tutorial

A tag < HTML > - O que é, para que serve, como e quando usar

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Agora que você já aprendeu no tutorial de HTML passado, oque são tags, vamos começar a apresentar as mais importantes.

Vamos começar pelo elemento <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