Gunnar Bittersmann: Frage zum Wiki-Artikel „Funktion“

Beitrag lesen

problematische Seite

@@Roland Würfl

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Html Grundgerüst</title>

<style type="text/css">
div {
	display: flex;
	gap: 1em;
	margin-bottom: 1em;
}

div.reversed img:last-child {
	order: -1;	
}

img {
	width: 15em;
	height: 10em;
}

footer {
	font: 0.8em sans-serif;
	margin-top: 3em;
}
</style>
<script>


const divElement = document.querySelector('div');
const buttonElement = document.querySelector('button');

buttonElement.addEventListener('click', (event) => {
	divElement.classList.toggle('reversed');
});
</script>
</head>


<body>
<form>

<div lang="de">
	<img src="https://images.unsplash.com/photo-1506328177866-9e307a27fbca?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NHx8aGFyZXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=900&q=60" alt="Hase"/>
	<img src="https://images.unsplash.com/photo-1605369179814-cfc635981c03?ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8aGVkZ2Vob2d8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=900&q=60" alt="Igel"/>
</div>

<p>
<button>Ick bin schon da!</button>
<footer>Photos by Vincent van Zalinge and Alexas_Fotos on Unsplash</footer>
</p>
</form>

</body>
</html>

kommt der lösung näher oder😎😒

Glückwunsch! Du hast es geschafft, die 3 Teile aus dem Pen richtig zusammenzusetzen.

Naja, fast richtig. lang="de" gehört nicht ans div, sondern ganz oben ans html-Element. (Das lässt sich in CodePen im Markup nicht machen.)

Und warum hast du das verschlimmbessert und ein form-Element eingebaut, wo es doch gar kein Formular gibt?

😷 LLAP

--
„Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“
— Joachim Gauck über Impfgegner