são utilizados na web!

o acesso a essas páginas é feita com a ajuda de um servidor

Estrutura

<!DOCTYPE html>
<html>
<head>
<title>Minha Primeira Página HTML</title>
</head>
<body>
<h1>Minha primeira página</h1>
<p> Olá, <br /> mundo <b>!</b></p>
</body>
</html>

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>
<h6></h6>

<p>Isto é um parágrafo</p>

<br><!--quebra de linha-->

<p>Isto é <strong>outro</strong> parágrafo</p>

<a href="womakerscode.org">Clique em mim</a>
<a href="#inicio">Voltar para o início</a>
<img alt="Paisagem" src="paisagem.jpg" />
<img width="300px" height="100px" src="paisagem.jpg" />

<ul>
<li id="gato" class="animais">Gato</li>
<li id="cachorro" class="animais">Cachorro</li>
<li id="papagaio" class="animais">Papagaio</li>
</ul>

<ol type="1" class="comida">
<li>Café</li>
<li>Bolo</li>
</ol>

HTML

<conteúdo>

CSS

{design}
<link rel="stylesheet" href="estilo.css" />
p {
color: green;
background-color: red;
}


h1 {
border: 1px solid #efefef;
width: 100%;
}
div p {
color: blue !important;
text-align: center;
}


.animal {
font-family: Arial, sans;
font-size: 10px;
}
#lista {
list-style-image: url(img/icon.png);
}