Manual Básico de HTML

Mídia HTML

Manual de referência HTML

HTML5 Manual Básico

HTML5 API

HTML5 Mídia

Reprodução de Vídeo HTML Espaços em Branco HTML

Elementos de Cabeçalho HTML

O elemento <head> é o contêiner de todos os elementos de cabeçalho. Os elementos dentro de <head> podem conter scripts, instruir o navegador onde encontrar as tabelas de estilos, fornecer informações meta, etc.

Veja o exemplo online

<title> - Define o título do documento HTML
Use a etiqueta <title> para definir o título do documento HTML

<base> - Define o URL de todos os links
Use <base> para definir o endereço de destino padrão de todos os links na página.

O elemento <head> do HTML

O elemento <head> contém todos os elementos de cabeçalho. Dentro de O elemento <head> permite inserir scripts (scripts), arquivos de estilo (CSS), e várias informações meta.

As etiquetas de elementos que podem ser adicionadas à área de cabeçalho são: <title>, <style>, <meta>, <link>, 　 <script>, <noscript>, and <base>.

O elemento <title> do HTML

A etiqueta <title> define o título de diferentes documentos.

<title> no HTML/É obrigatório no documento XHTML.

O elemento <title>:

Define o título da barra de ferramentas do navegador
Título exibido na pasta de favoritos quando a página da web é adicionada aos favoritos
Título exibido na página de resultados do motor de busca

Um documento HTML simples:

Exemplo

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>Título do documento HTML</title>
</head>
　
<body>
O conteúdo do documento HTML......
</body>
　
</html>

Teste veja ‹/›

O elemento <base> do HTML

A etiqueta <base> descreve o endereço de link básico/O destino de link, essa etiqueta serve como link padrão para todos os links do documento HTML:

<head>
<base　href="https://pt.oldtoolbag.com/images/"　target="_blank">
</head>

O elemento <link> do HTML

O elemento <link> define a relação do documento com recursos externos.

O elemento <link> é geralmente usado para conectar a uma tabela de estilos:

<head>
<link　rel="stylesheet"　type="text/css"　href="style.css">
</head>

O elemento <style> do HTML

O <style> define o endereço de referência do arquivo de estilo do documento HTML.

Você também pode adicionar estilos diretamente no elemento <style> para renderizar o documento HTML:

<head>
<style type="text/css">
/*Define a cor de fundo da página da web*/
body {background-color:red}
p {color:green}
</style>
</head>

Elemento <meta> do HTML

A tag meta descreve alguns metadados básicos.

O tag <meta> fornece metadados. Os metadados não são exibidos na página, mas são analisados pelo navegador.

O elemento META é usado geralmente para especificar a descrição da página da web, palavras-chave, data da última modificação do arquivo, autor e outros metadados.

Os metadados podem ser usados por navegadores (como exibir conteúdo ou recarregar a página), motores de busca (palavras-chave) e outros serviços da Web.

O <meta> geralmente é colocado na área <head>.

<meta> Tag- Exemplo de uso

Define palavras-chave para motores de busca (keywords):

<meta name="keywords" content="HTML, CSS, XML, XHTML, JS, PHP">

Define o conteúdo da descrição da página da web (description):

<meta name="description" content="Free online basic tutorial">

Define a adaptação para dispositivos móveis e PC da página da web (viewport):

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"　/>

Define o autor da página da web (author):

<meta name="author" content="w3codebox">

Cada10segundos recarregar a página atual (Refresh):

<meta http-equiv="refresh" content="10">

Elemento <script> do HTML

A etiqueta <script> é usada para carregar arquivos de script, como: JavaScript.

Elemento head do HTML

Etiqueta	Descrição
<head>	Define informações do documento
<title>	Define o título do documento
<base>	Define o endereço padrão de link do rótulo de link da página
<link>	Definiu uma relação entre um documento e recursos externos
<meta>	Define os Metadados do Documento HTML
<script>	Arquivo de Script que Define o Script do Cliente
<style>	Arquivo de Estilo que Define o Estilo do Documento HTML

Reprodução de Vídeo HTML Espaços em Branco HTML