Neste tutorial de Imagens, vamos aprender como inserir figuras, imagens e fotos usando o HTML5.
Vamos ver o que há de novo e traçar um paralelo sobre o uso de imagens no antigo HTML e no CSS.
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.
Iremos aprender, neste curto tutorial de HTML5, como usar de maneira correta o negrito e o itálico, em textos, no HTML5, através das tags <strong> e <em>.
Também iremos estudar qual a diferenças destas tags para as tags <b> e <i>.
O antigo HTML, o 4.01, era mais focado em formatação pura e simples de texto, como aquela que fazemos em um editor de textos, como o Microsoft Word.
Um fato curioso e interessante no HTML5, é que ele traz uma preocupação semântica em suas novas tags e elementos, ele não quer simplesmente alterar a forma como é exibido um documento HTML, agora as coisas devem fazer sentido, um sentido real, lógico.
Assim, o negrito em HTML5 não quer dizer somente que aquele texto está mais espesso (grosso), quer dizer que ele está em destaque, mais visível e semanticamente forte.
Forte, em inglês, é strong. E a tag para o uso do negrito é a strong (bem simples e óbvio, não?).
Assim, a sintaxe para usar o negrito em HTML5 é:
<strong>Negrito em HTML5</strong>
Diferença entre <b> e <strong>
Visualmente, nada muda.
Veja o código usando as tags <b> e <strong>:
<b>Este texto uso a tag b </b><strong>Este texto usa a tag strong</strong>
Agora veja seu resultado: Este texto uso a tag b Este texto usa a tag strong
Como dissemos, o resultado não é visual, e sim lógico, pois o uso do strong é indicado quando você quer destacar um determinado trecho do texto. Por exemplo:
"O site HTML Progressivo é uma apostila online e gratuita de HTML 4.01, HTML5 e CSS3"
Ou seja, destacamos o nome de nossa apostila.
Além do significado, a tag <strong> serve para dizer ao Google "Hey, esse trecho é importante, quer dizer muito a respeito desta página", ajudando inclusive em termos de SEO.
Assim, se você quiser enfatizar um texto (a keyword principal que você quer rankear), use a <strong>.
Itálico em HTML5 - A tag <em>
Analogamente ao <b> e <strong>, temos o <i> e o <em>, para lidarmos com textos em itálico.
O nome em vem de emphatic stress, e serve para sinalizar que aquele trecho deve ser lido com uma enfatização maior, de uma maneira diferente.
A sintaxe da tag <em> em HTML5 é, simplesmente:
<em>Itálico em HTML5</em>
A diferença desta tag em para a tag <i>, é que esta última simplesmente inclina o texto.
Já a tag <em>, tem um significado por trás da formatação de trecho, que é ser lido de maneira mais enfática, com a mudança de língua.
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.
Agora que já explicamos, no tutorial de HTML5 passado, sobre o que é HTML5, qual seu propósito, para que serve, para que é usado e suas principais diferenças para o antigo HTML 4.01, vamos de fato colocar a mão na massa e criar um site em HTML5.
Vamos mostrar o que mudou inicialmente, o que foi abandonado, o que é indicado e outros detalhes para iniciar seu desenvolvimento web em HTML5.
Neste tutorial de HTML5 inicial de nosso curso, iremos entender o que ocasionou a mudança do antigo HTML (4.01) para o novíssimo, revolucionário e fantástico HTML5.
Vamos ver como era a internet antigamente, como funcionava, e as mudanças que ocorreram na web que culminaram no desenvolvimento do tão falado e poderoso HTML5.
Para iniciar seus estudos nestes tutoriais de HTML5, recomendamos que tenha estudado os tutoriais de HTML e CSS de nossa apostila online.
