• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Erste Html Seite erstellen

K

KnusperSchoko

Neues Mitglied
Hey Leute,
ich will meine erste Html-Seite erstellen mithilfe dieser Seite (HTML lernen und die eigene Homepage erstellen - HTML Kurs / Seminar)
Inmoment habe ich kaum Inhalt. was jedoch vorerst auch nciht so wichtig ist es geht erstmal um den Aufbau
<!DOCTYPE html>

<html>

<head>
</head>
<body>
<meta charset="UTF-8" />
<link href="layout.css" type="text/css" rel="stylesheet"/>
<title>Beispiel HTML5 Grundgerüst - www.html-seminar.de</title>
<img class="bildamerican" src="American-History-X" class="bilderrahmen" width="274"
height="300" border="3" alt="Titelbild des Films" />

<link href="style.css" type="text/css" rel="stylesheet" />
‘We are not enemies, but friends. We must not be enemies. Though passion may have strained, it must not break our bonds of affection. The mystic chords of memory will swell when again touched, as surely they will be, by the better angels of our nature.’ ”
<p>
Das Zitat stammt aus dem Film American History X und besitzt dort eine hohe Signifikanz. Auf den folgenden Seiten werde ich genaueres über die Handlung,Hintergründe, Meinungen und Mitwirkende dieses Filmes erläutern
<ul>
<li>Handlung</li>
<li>Meinungen zum Film</li>




</body>
</html>

Das ist der bisherige Teil ich würde gerne wissen:
-ob das richtig ist
-wie ich eine Fuß/kopfzeile erstelle
-wie ich auf andere Seiten komme (z.B. ich will auf die Seite "Handlung")
LG
 
Alles andere als richtig
Diese 3 Zeilen
HTML: 
<meta charset="UTF-8" />
<link href="layout.css" type="text/css" rel="stylesheet"/>
<title>Beispiel HTML5 Grundgerüst - www.html-seminar.de</title>
sowie diese
HTML: 
<link href="style.css" type="text/css" rel="stylesheet" />
gehören in den <head>

Auf den manuellen Zeilenumbruch im <img> solltest du eher verzichten.
man weiß nie, wie ein browser das interpretiert.

Text gehört in eine geeignete Box. z.B. in <p>, wie du es bereits verwendest.
Aber wenn du es öffnest, musst du es auch wieder schließen!
Gleiches gilt für <ul>, welches ebenfalls geschlossen werden muss.

So sähe es richtig aus

HTML: 
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8" />
<link href="layout.css" type="text/css" rel="stylesheet"/>
<link href="style.css" type="text/css" rel="stylesheet" />
<title>Beispiel HTML5 Grundgerüst - www.html-seminar.de</title>
</head>

<body>

<img class="bildamerican" src="American-History-X" class="bilderrahmen" width="274" height="300" border="3" alt="Titelbild des Films" />

<p>
‘We are not enemies, but friends. We must not be enemies. Though passion may have strained, it must not break our bonds of affection. The mystic chords of memory will swell when again touched, as surely they will be, by the better angels of our nature.’ ”
</p>

<p>
Das Zitat stammt aus dem Film American History X und besitzt dort eine hohe Signifikanz. Auf den folgenden Seiten werde ich genaueres über die Handlung,Hintergründe, Meinungen und Mitwirkende dieses Filmes erläutern
</p>

<ul>
	<li>Handlung</li>
	<li>Meinungen zum Film</li>
</ul>

</body>
</html>

Beim nächsten Post nutze bitte die Codetags aus dem erweiterten Editor ;)
 
Was gibt's da groß auszukennen?
Wenn du auf "Antworten" klickst, hast du das Feld für schnelles Antworten mit nur einer kleinen Auswahl an BBCode-Buttons.
Ein Klick auf "Erweitert" stellt dir auch die Buttons für HTML- und PHP-Code, sowie allgemeinen Code zur Verfügung.
Du kannst deinen Code auch folgendermaßen manuell im einfachen Editor auszeichen
[*HTML][/HTML]
[*PHP][/PHP]
[*CODE][/CODE]
(jeweils ohne *)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben