Kód ke kopírování

<h1>Minecraft</h1>

<p>Tohle je moje stránka o Minecraftu. Hraju ho tři roky.</p>

<h2>Co je na něm nejlepší</h2>

<ul>
  <li>Můžu stavět, co chci</li>
  <li>Redstone</li>
  <li>Hraju to s kámošema</li>
</ul>

<a href="https://www.minecraft.net">Oficiální stránka</a>

<img src="https://picsum.photos/400/300">

<img src="SEM_VLOZ_DIRECT_LINK" width="400">

body {
  background: #101820;
  color: white;
}

h1 {
  color: tomato;
}

h1 {
  font-size: 60px;
  text-align: center;
}

p {
  font-size: 20px;
}

@import url("https://fonts.googleapis.com/css2?family=Bangers&display=swap");

h1 {
  font-family: "Bangers", cursive;
}

@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");

h1 {
  font-family: "Press Start 2P", monospace;
}

@import url("https://fonts.googleapis.com/css2?family=Caveat&display=swap");

h1 {
  font-family: "Caveat", cursive;
}

@import url("https://fonts.googleapis.com/css2?family=Nosifer&display=swap");

h1 {
  font-family: "Nosifer", cursive;
}

a:hover {
  color: gold;
}

h1:hover {
  color: hotpink;
}

img {
  transition: 0.3s;
}

img:hover {
  transform: scale(1.1) rotate(3deg);
}

<marquee>JEDU PO OBRAZOVCE</marquee>

<marquee direction="right" scrollamount="20">RYCHLE DOPRAVA</marquee>

<marquee behavior="alternate">TAM A ZPÁTKY</marquee>

<details>
  <summary>Klikni sem</summary>
  <p>Tajná zpráva!</p>
</details>

img {
  border: 5px solid gold;
  border-radius: 20px;
}

p {
  background: rebeccapurple;
  padding: 20px;
  border-radius: 10px;
}

<div class="galerie">
  <img src="https://picsum.photos/200?random=1">
  <img src="https://picsum.photos/200?random=2">
  <img src="https://picsum.photos/200?random=3">
</div>

.galerie {
  display: flex;
  gap: 20px;
  justify-content: center;
}