Skip to content

Latest commit

 

History

History
53 lines (47 loc) · 1.42 KB

adicionando-imagens.md

File metadata and controls

53 lines (47 loc) · 1.42 KB

HTML Logo

HTML4Noobs

Seja bem-vindo ao HTML4Noobs, seu curso introdutório de HTML5 provido pela He4rt Developers™

Adicionando imagens

Para a adição de imagens no HTML usamos a tag . Para isso você deve criar um HTML básico como ensinado no último tópico. Seu código deve ficar semelhante a isso:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="minha segunda página em HTML ">
    <title>Adicionando imagens</title>
</head>
<body>
    <header>
        <h1>Adicionaremos uma imagem nessa página<h1>
        </header>
</body>
</html>

Então para adicionarmos a imagem baixaremos uma e a colocaremos dentro da pasta onde está o HTML e adicionaremos o nome da imagem ou o caminho dela. Assim:

<img src="sunset.jpg">

Ficando assim no código:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="minha segunda página em HTML ">
    <title>Adicionando imagens</title>
</head>
<body>
    <header>
        <h1>Adicionaremos uma imagem nessa página<h1>
        </header>
        <img src="sunset.jpg">
</body>
</html>

E gerando esse resultado: