Hi,
ich habe mich heute mal an einer eigenen Seite versucht und bin mit dem Ergebnis nicht wirklich zufrieden. Hier die Codes der index.html und der style.css
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" type="text/css">
<title> SSBM </title>
</head>
<body>
<header>
<img src="http://i0.wp.com/shoryuken.com/wp-content/uploads/2016/10/melee.jpg?fit=750%2C400&resize=750%2C400" width="90%">
<nav>
<a href="https://www.google.de"> Home </a>
<a href="https://www.google.de" > Characters </a>
<a href="https://www.google.de" > Stages </a>
<a href="https://www.google.de" > Versions </a>
</nav>
<h1> General </h1>
<p> Super Smash Bros. Melee is best-known for being that one game that everyone who owned a GameCube had to have. Over the past few years, it’s picked up even more steam in the competitive fighting game community. And that’s… a little odd isn’t it? At this point, Melee is pushing 15 years — practically Jurassic for most games. It’s so old that competitive players need to lug around tube TVs to tournaments.
Despite all that, Melee has one of the largest followings in the fighting game scene. Sunday closed out EVO 2016, the biggest fighting game tournament of the year. Street Fighter headlined the event, but coming in second (by viewer count) was Melee. Smash 4 for the Wii U launched less than two years ago, plus you can play it on one of them fancy HD screens. So what gives?
In a word? Drama. People love a good story. Before we even get to the combatants and the ups and downs of the competition, the fact that Melee has hung around is, in itself, a story.
</p>
<img src="https://icdn2.digitaltrends.com/image/super-smash-bros-melee-720x720.jpg?ver=1.jpg" width="90%">
<h1> The five gods </h1>
<p> In 2008, it wasn’t clear that Melee would ever reach major adoption again. In what fans have come to call the “Dark Age,” Melee wasn’t a regular at any major tournament for over a year. As bigger competitions like MLG and EVO shifted over to the newer Super Smash Bros. Brawl, many simply forgot about Melee entirely.
That was until Smash player Alukard held the Revival of Melee Tournament. It was the first tournament where two of the five players who would come to be known as Gods of Smash played. Mew2King, Armada, HungryBox, Mango, and Dr. PP, the gods earned their titles in a stretch of tournaments running from 2009 to now. Each of them has traded wins and rarely lose to anyone outside of the group. And it’s these five that are credited not just with bringing Smash back, but giving it what every good sports drama needs — a story.
Each of the five represents a different personality or play style, inviting fans to project themselves onto their favorite. For my own history as an almost-competitive player, I came to idolize Armada. For years he specialized in playing Princess Peach from the Super Mario Bros. games. At the time, people weren’t sure that Peach was viable at the competitive level. Most matches centered on Fox, Falco, Sheik, and Marth. But here Armada was, pushing a new line of strategies and playing a totally different kind of game.</p>
<img src="http://a.espncdn.com/photo/2016/1214/r162821_608x342_16-9.jpg" width="90%">
</body>
</html>und die style.css
html { background-color: grey;
}
* {
font-family: helvetica;
}
body {
width: 760;
max-width: 90%;
margin: 0 auto;
}
h1 {
border-left: solid;
padding-right: 20px;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
margin-bottom: 100px;
}
nav {
text-align: center;
}
a {
text-decoration: none;
color: black;
margin-left: 20px;
border-left: solid;
}
a:hover {
color: blue;
}
header {
display: block;
margin-left: auto;
margin-right: auto;
}Und nun zu meinen Fragen
Wie kann ich in den Header einen Link einfügen, sodass die Headergrafik anklickbar ist und eine Weiterleitung auf die Startseite erfolgt?
Bei der Navigationsleiste (und bei h1) hätte ich gerne etwas Abstand zwischen border-left und dem darauffolgenden Text. Wie macht man sowas? Ist das border-space?
Könnte ich anstelle der border-left bei h1 auch Grafiken vor der Überschrift anzeigen lassen?
Wie füge ich einen kleinen Informationstext unter die Bilder ein? Über <p> und einer kleineren Schriftgröße oder gibt es dafür einen Tag?
Wie füge ich ein YouTube-Video mit Thumbnail und dem Player ein?
Kann ich zu große Bilder ab einer bestimmten Größe verkleinern lassen und eine Art Hinweis einblenden, dass die Grafik verkleinert wurde? Ich glaube, so etwas nennt sich Image-Resizer, aber ich bin mir nicht ganz sicher.
Welche Breite nutzt man für gewöhnlich bei Seiten?
Was ist der Unterschied zwischen width und max-width?
Ist die Seite, die ich erstellt habe, mit allen Inhalten also Bildern und Text responsive?
Deine Antwort hat mir mal wieder sehr weitergeholfen.