Comandos Básicos

Agora, chegou a hora de conhecermos os comandos básicos do HTML.

Tags importantes de um documento HTML

Como eu falei na página anterior, todos os documentos HTML precisam começar com um tipo de declaração.

Um documento HTML começa com <html> e termina com </html>. A parte visível do HTML ficará entre as marcações <body> e </body>.

Veja o Exemplo abaixo.

<!DOCTYPE html>
<html>
<body>

<h1>Primeiro título em HTML</h1>
<p>Meu primeiro parágrafo feito em HTML.</p>

</body>
</html>

Títulos

Títulos são importantes em qualquer documento, e no HTML não poderia ficar de fora.

Além de ser mais compreensível para um usuário fazer a leitura do seu site, sistemas de busca utilizam para verificar a relevância do seu conteúdo com a busca dos usuários.

Os títulos em HTML são definidos de <h1> até <h6>.

<h1>Este é o primeiro título</h1>
<h2>Este é o subtítulo 2</h2>
<h3>Este é o subtítulo 3</h3> 
<h4>Este é o subtítulo 4</h4> 
<h5>Este é o subtítulo 5</h5> 
<h6>Este é o subtítulo 6</h6>

Parágrafos

Os parágrafos em HTML são definidos através da marcação <p>.

<p>Este é um parágrafo em HTML.</p>

Links

Links (ou texto âncora) são importantes para ligar conteúdos em documentos HTML. Para criar links em HTML, basta utilizar a tag <a>.

<a href="https://portaldesenvolvedor.com">Portal Desenvolvedor</a>

Imagens

Imagens são importantes para um conteúdo rico e ilustrado. Nós utilizamos a tag <img> para esta finalidade. A propriedade src são atributos que nós podemos utilizar para configurar qual imagem será utilizada.

<img src="portaldesenvolvedor.jpg" />

Note que a tag encerra com />. Isto foi uma inovação no XHTML, indica que a marcação é uma instrução completa e não precisa ser encerrada. Nós falaremos mais para frente nos próximos artigos.

 

Quer aprender a ser um desenvolvedor completo e com certificado?

Baixe gratuitamente nosso ebook sobre como ser um desenvolvedor full-stack. Descubra quais são os passos necessários para se tornar um desenvolvedor completo.

Clique no botão abaixo para baixar gratuitamente o ebook.

Sim, Eu Quero o eBook Desenvolvimento Full Stack

Deixe um comentário