Don't Miss

Comandos Básicos

By on Janeiro 26, 2018

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.

 

About Rodrigo Macedo

Rodrigo Macedo é desenvolvedor de software sênior e empresário. Possui 10 anos de experiência como desenvolvedor, focado nas linguagens c# e PHP.

Leave a Reply

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *