Bem .. é assim, acho que o teu professor não teria entregue um trabalho se não tivesse ensinado primeiro a matéria, por isso existem duas vias neste momento a seguir:
1º Procuras encontrar um trabalho para plagiar e não teres trabalho de o fazer, isso porque não tens interesse, obviamente não é para isso que serve este fórum,
2º damos orientações e tas pronto a seguir os teus passos:
Se tiveres então interessado aqui estão algumas sugestões:
1º Para quem começa sugiro uma IDE prática para desenvolver o teu HTML, a história de usar o notepad é um disparate total .. demora-se o dobro do tempo para fazer o mesmo, e no mundo do €€€ tempo é muito dinheiro.
Eu pessoalmente uso o Aptana Studio, mas se for apenas para HTML e CSS então podes usar o NotePad++ que é simples de usar sem o peso de todas as funcionalidades extras.
2º Consulta o w3cSchools .. lá poderás encontrar todas as TAG HTML e os respectivos atributos, saberes quais são obrigatórios e que valores esterão a espera.
3º tens que saber que para criar um ficheiro HTML basta apenas criar um ficheiro de texto normalíssimo e dar-lhe um nome com a extensão .html ou .htm. Por defeito a primeira página de um site em html tem por nome index.html, ou seja considerado o índice, este será o mais comum, contudo esse nome não é obrigatório, pois podes configurar no servidor web qual a ordem de índices e os nomes dos mesmos a procurar, por isso basicamente muitos sites comecem com home.html, default.html etc...
- Depois de teres o teu index.html só tens que o abrir com o NotePad ++ e em linguagem seleccionar html ele irá colorizar a linguagem de forma a ajudar a escrever de melhor forma possível.
- Tenho a certeza que sabes que um ficheiro html tem uma estrutura a respeitar, começa pela tag html e dentro dela terá que ter as tags head e body, sendo que o head é o cabeçalho de informações sobre o ficheiro html, por exemplo o título da página, a encriptação dos caracteres, permite linkar scripts em javascript externos e folhas de estilos externas (css) entre outros. O body contém toda a informação visível da pagina, o grafismo, links, textos, imagens, links etc...
Assim temos a coisa mais simples do mundo
<html>
<head>
<title>Pagina de exemplo</title>
</head>
<body>
conteudo da minha pagina
</body>
</html>
- Como podes ver as TAG têm que ser abertas e depois fechadas, elas irão englobar as tag que farão parte do seu conteudo, para fechar uma tag adicionas uma barra a esquerda na frente da tag /
- Algumas tags fecham-se a si próprio estas são por exemplo tags que não podem englobar algo por exemplo a tag imagem ou quebra de linhas
<img src="qualquerImg.jpg" /> ou respectivamente
estas tags recebem o / no final delas.
- Por fim é importante definir o tipo de documento a criar, uma tag "especial" chamada doctype que define a linguagem usada, em que versão e se permite retrocompatibilidade ou não. Um exemplo de uma doctype moderna que não permite muita retrocompatibilidade.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
num exemplo mais complexo teremos então
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pagina de exemplo</title>
<meta name="description" content="O meu primeiro html" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<h1>O meu titulo</h1>
<p>O primeiro paragrafo do meu texto</p>
<p>Este paragrafo tem uma quebra de linha aqui <br />E continua novamente por aqui, <b>este texto esta a negrito</b></p>
<table>
<tr><td>celula 1</td><td>celula 2</td></tr>
<tr><td>linha 2 celula 2</td><td>O texto que quiser</td></tr>
</table>
<img src="1.jpg" alt="texto alternativo" />
</body>
</html>
Neste exemplo declaramos o doctype e depois iniciamos o html o head contem o titulo e uma descricao breve do conteudo e o tipo de codificação de caracteres da página. O body tem um titulo os headers vão até ao <h6>, dois paragrafos sendo que o segundo possuiu uma quebra de linha e algum texto negrito. Por fim temos uma tabela com duas linhas e duas colunas e uma imagem no fundo.
A partir daí o céu é o limite, podes acrescentar todo o tipo de elementos que quiseres a página, as formatações da mesma deverão ser feitas com o apoio de CSS mas por agora limita-te a colocar os elementos que pretendes. Muito poderás encontrar no site da w3shools se tiveres dúvidas.
Bom trabalho.