Beispiel:HTML img-Element.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!doctype HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Bilder mit img einbinden</title>
  <style>
	[alt="SELF-Logo"] {border: thin dotted; display: inline-block; float:right;}
	.landscpae { width: 100%;
	}
	body {max-width: 40em;}
	div {margin-bottom:2em;}
	h1 {font-size: 2vw;font-family:sans-serif;}
	</style>
</head>

<body>
<h1>Bilder mit img einbinden</h1>
<div>
<img src="https://wiki.selfhtml.org/images/4/45/SELF-Logo.svg" width="200" alt="Self-Logo von 2012">

<img src="https://wiki.selfhtml.org/images/4/45/SF-Logo.svg" width="200" height="200" alt="SELF-Logo" >
</div>

<img src="https://wiki.selfhtml.org/images/5/54/Landscape.svg" class="landscape" alt="Toskanalandschaft als Symbolbild">

</body>
</html>