ELEMENTO
DO HTML <head>
O
elemento HTML <head>é um contêiner para os
seguintes elementos: <title>, <style>, <meta>, <link>, <script>e <base>.
O <head>elemento é um contêiner para metadados, fica
entre tag <html> e tag <body>
Os metadados não são
exibidos.
ELEMENTO DO HTML <title>
<title> é o elemento
que define título para página da web. Titulo
é o que aparece acima da barra do
navegador. Uso < title> é obrigatório.
O nome do título você vai
colocar de acordo com conteúdo do seu site.
<!DOCTYPE html>
<html>
<head>
<title>Título da minha página da web</title>
</head>
<body>
</body>
</html>
ELEMENTO DO HTML <style>
<style> é usado para
do estilo sua página da web.
<!DOCTYPE html>
<html>
<head>
<title>Título da página</title>
<style>
body {background-color: powderblue;}
h1 {color: red;}
p {color: blue;}
</style>
</head>
<body>
<h1>Conteúdo do
site</h1>
<p>Primeiro
paragráfo</p>
</body>
</html>
ELEMENTO DO HTML <link>
<link> tag é usada com mais frequência para vincular a folhas
de estilo externas:
No href= você vai colocar
o caminho do seu arquivo e também nome que você colocou para sua folha de
style.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet"
href="folhastyle.css">
</head>
<body>
<h1>Título do
conteúdo</h1>
<p>Primeiro
paragráfo.</p>
</body>
</html>
ELEMENTO DO HTML <meta>
<meta>define
como conjunto de caracteres, a descrição da página, as palavras-chave, o
autor do documento e as configurações da janela de visualização.
<meta charset="UTF-8">
È usado para definir conjunto de
caracteres.
<meta name="keywords" content="HTML, CSS,
JavaScript">
È usado para definir
palavras-chave para motores de busca.
<meta name="description" content="Descrição da
minha página da web">
È usado para definir a
descrição de sua página do web.
<meta name="author" content="Jaciano">
Define o autor de uma
página.
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
É usado para configurar a
janela de seu site, para que tenha boa aparência em todos os dispositivos.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description"
content="Descrição da minha página">
<meta name="keywords"
content="HTML, CSS, JavaScript">
<meta name="author" content="jaciano">
</head>
<body>
<p>informações sobre
meta.</p>
</body>
</html>
Configurando a Janela de Visualização
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Viewport é área visível ao usuário da página web. Varia de acordo com
dispositivo que página será aberto, computador ou celular.
width=device-width define largura da página para tela do dispositivo.
initial-scale=1.0 define nível de zoom que página será carregada pelo primeira
vez no navegador.
ELEMENTO DO HTML <script>
<script> é o elemento usado para definir JavaScript
ao lado do cliente.
<!DOCTYPE html>
<html>
<head>
<title>Título da página</title>
<script>
function myFunction() {
document.getElementById("nomedoid").innerHTML = "Meu
JavaScript!";
}
</script>
</head>
<body>
<h1>minha página</h1>
<p id="nomedoid">Primeiro
paragráfo</p>
<button type="button"
onclick="myFunction()">clique aqui</button>
</body>
</html>
ELEMENTO DO HTML <base>
O <base> elemento
especifica a URL base e/ou destino para todas as URLs relativas em uma página.
<!DOCTYPE html>
<html>
<head>
<base href="https://www.5internet.com.br/"
target="_blank">
</head>
<body>
<h1>Base de elemento</h1>
<p><img
src="pastadaimagem/imagem.gif" width="20"
height="50" alt="minha imagem"> - Endereço para a imagem
"https://www.5internet.com.br/pastaimagem/imagem.gif".</p>
<p><a
href="pastatags/tagbase.html">base da tag </a> Ao clicar vai
para link que está especificado na base.
</body>
</html>