html-boilerplate/index.html

<!DOCTYPE html>

<html lang="en">
<head>
<link rel="stylesheet" href="./styles.css">
<meta charset="UTF-8">
<title>Sebi</title>
</head>

<body>

	<h1 id="top-text">Hello World</h1>
	<p>Dieser Text ist hier nur als Beispiel.</p>

	<h2> <a href="pages/about.html"> About </a> </h2>

	<p class="main-text">Er zeigt, dass ich hier Abschnitte machen kann.</p>
	<p><strong>Ich kann auch fetten Text schreiben.</strong></p>
	<b>Filme</b>,die <i>ich<i> mag:
	<ul>
		<li>Rocky</li>
		<li>Rocky3</li>
		<li>Rocky2</li><link rel="styles" href="styles.css">
		
	</ul>
	<p>Meine <strong>Liebligsfilme</strong>:<p>
	<ol>
		<li>Rocky4</li>
		<li><a href="https://www.theodinproject.com/about" target="_blank" rel="noopener noreferrer"> Rocky1 </a> </li>
		<li><a href = "https://youtu.be/btPJPFnesV4?feature=shared" target="_blank" rel="noopener noreferrer">Rocky3</a></li>
		<li>Rocky2</li>
	
	</ol>
	<!-- Die erste Liste war eine ohne Reihenfolge, die zweite war mit einer Reihenfolge -->
	<p> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora nam, voluptatem corporis eveniet ipsa est earum doloremque aliquid cumque iure incidunt suscipit doloribus facilis nulla odit dolore eaque? Placeat, quasi.<div></p>
	

		<div class="block"> Block Box</div>
		<div class="inline">Inline Box</div>
		<div class="inline-block">Inline-block Box</div>

</body>
<!-- Kommentar im Code -->
</html>