Skip to the content.

Portefólio GitHub - Pedro Pinto

PT05: Estrutura HTML e Pauta Caricaturada

Aqui encontram-se todos os documentos criados no âmbito da PT05.

Primeiros Passos em HTML:

Descrição Resultado
HTML document (h1 e p) Passo 1
HTML headings (h1 a h6) Passo 2
HTML paragraphs (p e p) Passo 3
HTML links (a href) Passo 4
HTML images (img src) Passo 5
Repositório Link Direto

Pauta fotográfica da turma 12º12ª:

Para tornar a tabela um pouco diferente decidi aplicar fundos às caricaturas a representar o clube de futebol de cada aluno da turma.

PT06: Prática em CSS

Aqui encontram-se todos os documentos criados no âmbito da PT06.

5 Exemplos práticos em CSS:

Descrição Resultado
formatar todos os elementos <p> (paragraph) Exemplo 1
formatar somente o elemento cujo id seja #paragrafo1 Exemplo 2
formatar todos os elementos identificados pela classe “.centro” Exemplo 3
formatar somente os elementos <p> identificados pela classe “.centro” Exemplo 4
formatar somente os elementos <p> identificados pelas classes “.centro” e/ou “.largo” Exemplo 5
Repositório Link Direto

Tabela Opcional

Neste passo opcional da PT optei por fazer um top 10 cidades mais habitadas de Portugal.