Para adicionar fonte:
body {font-family:'Muli',sans-serif;background:#FFF;font-size:20px;overflow-x:hidden;}
Div:
<div class="class do css">
Imagem:
<img src="caminho_da_imagem.jpg" alt="Descrição da imagem" width="300" height="200">
Explicação do div:
A tag <div> em HTML é uma abreviação para “divisão”. Basicamente, ela cria uma caixa na qual você pode colocar outros elementos HTML que pertencem uns aos outros. A <div> pode conter parágrafos, cabeçalhos, listas, links, imagens e muito mais. Ela também pode ter outras <div> dentro dela para fornecer estrutura e organização adicionais1. Em resumo, a <div> é usada para alterar o estilo em partes específicas da página e posicionar objetos. Você pode estilizá-la usando CSS, definindo um id ou class para aplicar estilos específicos1. Espero que isso esclareça!
Explicação de imagem:
A tag <img> em HTML é usada para inserir imagens em uma página da web. Ela permite que você exiba uma imagem na posição em que a tag é colocada. Aqui estão alguns detalhes sobre a tag <img>:
Atributo src: Este atributo especifica o caminho para a imagem que você deseja exibir. Pode ser um caminho local ou uma URL completa para uma imagem online.
Atributo alt: O atributo alt é importante para acessibilidade e SEO. Ele fornece uma descrição alternativa da imagem, que é exibida se a imagem não puder ser carregada ou se o usuário estiver usando um leitor de tela.
Atributo width e height: Esses atributos permitem definir as dimensões da imagem. Você pode especificar valores em pixels ou porcentagens.
Atributo title: O atributo title permite adicionar um texto de dica quando o usuário passa o mouse sobre a imagem.
Aqui está um exemplo de uso da tag <img>:
<img src="caminho_da_imagem.jpg" alt="Descrição da imagem" width="300" height="200">