html tutorial - HTML editor - html5 tutorial
- the document type declaration (doctype) at the very beginning of the file containing the used document type definition specifies (DTD), for example. E.g., HTML 5,
- the HTML header ( HEAD), which mainly contains technical or documentary information, which is usually not displayed in the browser's display area
- the HTML body ( BODY) containing the information commonly found in the browser's display area.
<! DOCTYPE html>
<html>
<head>
<title>Site Title < /title>
< ! - more header information ->
< ! - Comments are not shown in the browser. ->
</head>
<body>
<p>Content of the page < / p>
</body>
</html>
Klicken Sie auf "Code kopieren". Der Code wird in die Clipboard kopiert und durch Drücken von "Ctrl-V" wird der Code in das Zielfenster eingefügt.Von HTML-Tutorials, html5 Tutorials, HTML-Editor, lernen html. Mannschaft
Im Kopf (head) Ihrer Seite schreiben Sie immer einen Titel:
Learn - tutorial - title - examples - programs
Dieser Titel ist besonders wichtig, da dieser von Suchmaschinen (wie z.B. Google) u.a. genutzt wird, um Ihre Seite in den Suchindex aufzunehmen. Außerdem wird der Seitentitel in den Suchergebnissen angezeigt.
Learn - tutorial - search in google - examples - programs
In den Körper (body) gehört der eigentliche Inhalt der Seite. Sie kennen schon einige der wichtigsten Elemente:
<p>Wird für Absätze benutzt.</p>
<b>Schreibt den Text in Fettschrift.</b>
<h1>Überschrift</h1>
<h2>Sub-Überschrift</h2>
<h3>Sub-Sub-Überschrift</h3>Klicken Sie auf "Code kopieren". Der Code wird in die Clipboard kopiert und durch Drücken von "Ctrl-V" wird der Code in das Zielfenster eingefügt.Von HTML-Tutorials, html5 Tutorials, HTML-Editor, lernen html. Mannschaft
- Bitte denken Sie daran: Der einzige Weg HTML zu erlernen, ist durch ausprobieren. Im Englischen gibt es hierfür den Ausdruck “Trial and Error” – “Probieren und Fehler”. Aber keine Angst, Sie können weder Ihren Computer, noch das Internet durch irgendwelche Fehler im HTML-Quelltext zerstören. Also experimentieren Sie – das ist der beste Weg, um Erfahrungen zu sammeln.
Was bedeutet das jetzt?
- Niemand wird toller Webseiten erstellen, bloß weil er die Beispiele in diesem Tutorial auswendig lernt. Dieses Tutorial soll lediglich eine Basis für das Verständnis der Elemente bieten – um besser zu werden, müssen Sie die Elemente in immer neuer und kreativer Art und Weise anordnen.
- Also, probieren Sie einfach ein wenig mit dem, was Sie gelernt haben.
Was kommt als nächstes?
- Probieren Sie einfach, ein paar eigene Seiten zu erstellen. Z.B. eine Seite mit einem Titel, einer Überschrift, ein wenig Text, einer Sub-Überschrift und noch ein wenig mehr Text. Es ist vollkommen in Ordnung im Tutorial nachzuschauen, während Sie Ihre ersten Seiten erstellen. Aber später können Sie ja probieren, eine Seite zu bauen, ohne nachzuschauen.
Textstrukturierung in HTML
Eigenschaften:
