[Curso HTML] Aula 03: Primeiras TAGS: HTML, HEAD, TITLE e BODY

Olá, bem vindo a terceira aula do curso. Nela abordarei as primeiras TAGS a serem utilizadas na criação de um site.

<post>

A tag <HTML>

Agora falaremos sobre a primeira tag do curso, a tag <html>. A tag <html> é a tag inicial de todo arquivo HTML. É ela que diz ao navegador que o arquivo é um arquivo HTML, devemos iniciar o documento com ela e também finaliza-lo com ela, conforme o exemplo:

Código:

<html>

Outras tags e conteúdos

</html>

Note que todas as outras tags devem estar entre a tag <html>.

A tag <HEAD>

A tag <head> é responsável pelo cabeçalho na página, conforme diz sua tradução “cabeça”. Ou seja ela é o cabeçalho do documento HTML. Basicamente possui o mesmo papel de um cabeçalho de um trabalho escolar, ela serve para definir informações sobre o documento HTML, como o título por exemplo, observe no exemplo a seguir como ela deve ser inserida:

Código:

<html>

<head>

Outras tags

</head>

</html>

Caso você não defina nenhuma tag dentro da tag <head>, você pode omiti-la.

A tag <TITLE>

A tag <title> é responsável pelo título da página, conforme diz sua tradução “título”. No qual vemos no topo do navegador, ou seja, ela que define o título da página HTML. Ela deve ser inserida obrigatoriamente entre a tag <head>, como no exemplo a seguir:

Código:

<html>

<head>

<title>Título da página</title>

</head>

</html>

A tag <BODY>

A tag <body> é responsável por tudo que vai aparecer no corpo do navegador, ou seja, é o corpo da página HTML, conforme diz sua tradução “corpo”. Todo conteúdo que aparece em um site é definido dentro do corpo da página, ou seja, entre a tag <body>. Conforme o exemplo a seguir:

Código:

<html>

<head>

<title>Título da página</title>

</head>

<body>

Conteúdo da página: textos, imagens, links, tabelas e etc...

</body>

</html>

Primeiras TAGS

Com isso chegamos ao formato básico de um documento HTML, como apresentado no exemplo a seguir:

Print Hello World!

</post>

E assim finalizamos a terceira aula do curso. Na próxima falarei mais sobre a tag <body> e seus atributos. Espero que tenha gostado e até o próximo post.

;)

Deixe um comentário

Arquivado em curso HTML, HTML

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Sair / Alterar )

Imagem do Twitter

You are commenting using your Twitter account. Sair / Alterar )

Foto do Facebook

You are commenting using your Facebook account. Sair / Alterar )

Connecting to %s