Arquivos HTML são constituídos de elementos, ou seja, componentes que informam a um navegador da Web como estruturar e interpretar as partes do documento HTML. Um elemento em HTML consiste de uma tag de início <tag inicio>, tag de fechamento </tag fechamento> e um conteúdo inserido entre elas, lembrando que existem tags que não são fechadas como <img/>.
Elementos HTML são usados para expressar partes do documento, como cabeçalhos, parágrafos e rodapés, e para incorporar conteúdos como hyperlinks, texto e imagens.
Um arquivo HTML escrito com elementos de forma semântica torna o HTML mais compreensível, definindo melhor as diferentes seções e o layout das páginas Web.
<!DOCTYPE>
Informa ao navegador da web em qual versão do HTML a página está sendo escrita, por exemplo quando incluímos dentro do DOCTYPE a palavra HTML (<!DOCTYPE html>), o navegador entenderá que aquela versão é do HTML5 ( a versão mais recente).
<html>
Está logo abaixo da declaração DOCTYPE, é o elemento básico e principal de um documento HTML e atua como um container onde podemos definir o idioma padrão utilizado pelo documento através do atributo “lang” que por padrão vem em inglês (<html lang = “en”>). Todo documento HTML inicializa e finaliza com essa tag.
<head>
É o cabeçalho do documento cujo conteúdo não é exibido no navegador durante o carregamento da página. Esse elemento contém metadados, informações importantes, que especifica dados sobre o documento HTML. Esses metadados são definidos no documento nas seguintes tags:
<title>
(Elemento HTML Título) define o título do documento, mostrado na barra de título de um navegador ou na aba da página.
<style>
Contém informações de estilo para um documento ou uma parte do documento. As informações de estilo específico estão contidas dentro deste elemento, geralmente no CSS.
<meta>
Meta tags são elementos (comandos em HTML) que você cria para descrever o conteúdo de uma página para os mecanismos de busca.
Servindo assim para fornecer dados como títulos sendo adicionado no <head>
<link>
um dos elementos que vão no cabeçalho
e é utilizado para acessar recursos externos da página também pode ser utilizado no CSS para estilizar o site.
<script>
Na linguagem de programação, script pode ser definido como uma série de instruções executadas de maneira ordenada ou como um conjunto de instruções para a execução de determinada tarefa em um software.
<base>
Especifica o endereço (URL) usado por todos os endereços relativos conteúdos dentro de um documento. Há um número máximo de um elemento Base <base> do documento.
<body>
Define o corpo do documento, e tudo que estiver dentro desta tag será mostrado no navegador web.