Cartão de Perfil Simples

Parte da seção Fundamentos do Journey de HTML da Coddy. Lição 57 de 60.

Desafio

Fácil

Recrie um cartão de perfil simples usando apenas HTML. O cartão deve incluir um título, uma imagem e um parágrafo curto, todos organizados de forma harmoniosa.

Reproduza a estrutura e o texto da imagem abaixo:

Use o seguinte URL para a imagem: https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar8.png

Experimente você mesmo

Todas as lições de Fundamentos

1Fundamentos do HTML

O que é HTML?Estrutura Básica do HTML Tags e Elementos Aninhamento e Fechamento de Tags Comentários em HTML

4Cartão de Receita

Visão Geral do Projeto Título e Descrição da Receita

Ingredientes

Passos

7Página de Perfil Pessoal

Visão Geral do Projeto Seção de Cabeçalho

Foto de Perfil

Seção Sobre Mim

Links Sociais

10Tabelas

Fundamentos de Tabelas Adicionando Legendas Mesclando Linhas e Colunas Recapitulação - Tabelas

2Texto e Formatação

Títulos Parágrafos Quebras de Linha Texto em Negrito e Itálico Negrito e Itálico Novamente Recapitulação - Formatação

5Adicionando Conteúdo

Atributos HTML Links Links para Novas Páginas Imagens Atributos de Imagem

8Formulários e Inputs Parte 1

Fundamentos de Formulários Inputs de Texto Atributos de Input Campo de Senha Labels para Inputs Recapitulação - Formulário Básico

11Página de Inscrição de Evento

Visão Geral do Projeto Seção de Cabeçalho

Seção de Detalhes do Evento

Formulário de Inscrição

Seção de Rodapé

3Trabalhando com Listas

Lista não ordenada Lista ordenada Listas aninhadas Recapitulação - Listas

6Layout da Página

Divisões Spans Inline Tags Semânticas Seções e Artigos Recapitulação - Layout

9Formulários e Inputs Parte 2

Radio Buttons Checkboxes Dropdowns Botões Botões em Formulários Recapitulação - Formulários #1 Recapitulação - Formulários #2

12Desafios Finais

Cartão de Perfil SimplesCartão de Convite de Evento Página de Artigo Simples Lista de Livros Favoritos

Pratique por conta própria: Playground de Web