Crie um arquivo com o nome index.html e adicione a estrutura básica de um documento HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Título do página</title>
</head>
<body>
Conteúdo
</body>
</html>
Abra o arquivo index.html no navegador, caso queira aprender a utilizar um servidor local para desenvolvimento, indico este link. Podemos observar que o conteúdo é exibido no navegador.
Também podemos adicionar um título com uma cor vermelha.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Título do página</title>
</head>
<body>
<h1 style="color:red">Conteúdo</h1>
</body>
</html>
Agora vamos entender a estrutura básica:
-
<!DOCTYPE html>indicar ao navegador para utilizar a última versãohtml; -
<html>início do documento; -
<head>local onde fica informações sobre metadados: título, autor, descrição, palavras-chave e etc; e -
<body>conteúdo do documento exibido pelo navegador.
Podemos observar no código abaixo a tag h1, o atributo style que altera a cor do texto, e o conteúdo da tag.
<h1 style="color:red">Conteúdo</h1>
Algumas informações sobre os atributos:
- Os atributos são sempre especificados na tag inicial (tag de abertura), nesse caso o
<h1 style="color:red">; - Os atributos geralmente são declarados com nome e valor;
- Todos os elementos HTML podem ter atributos; e
- Atributos fornecem informações adicionais sobre um elemento.
Top comments (0)