são utilizados na web! – o acesso a essas páginas é feita com a ajuda de um servidor – Estrutura

View Github Repository Open presentation in a new window

marinalimeira

See all presentation from marinalimeira

são utilizados na web! – o acesso a essas páginas é feita com a ajuda de um servidor – Estrutura

0 0

wmc-codelab-web

On Github marinalimeira / wmc-codelab-web

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); }