Grundstruktur Datei - Lernplattform

Werbung
Grundstruktur einer HTML-Seite
Thema
Die Grundstruktur einer HTML-Seite
www.pander.de
1
Grundstruktur einer HTML-Seite
Der Quelltext oder die Programmierung
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HTML Grundkurs</title>
<meta name="author" content="Eddy">
<meta name="editor" content="html-editor phase 5">
</head>
<body>
Hier steht der Inhalt des Textes
</body>
</html>
www.pander.de
2
Grundstruktur einer HTML-Seite
Dokumenttyp-Deklaration
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
[Hier] istGrundkurs</title>
geregelt, welche Elemente ein Dokument vom Typ HTML enthalten darf
<title>HTML
<meta name="author" content="Eddy">
<meta name="editor" content="html-editor phase 5">
</head>
<body>
Hier steht der Inhalt des Textes
</body>
"Rechtschreibung“ von HTML
</html>
www.pander.de
3
Grundstruktur einer HTML-Seite
Script-Sprache
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HTML Grundkurs</title>
<meta name="author" content="Eddy">
<HTML> gibt an, mit welcher Script-Sprache die Seite codiert, d. h.
<meta name="editor" content="html-editor phase 5">
programmiert ist.
</head>
<body>
Es gibt viele Script-Sprachen:
Hier steht der Inhalt des Textes
HTML: HyperTextMarkupLanguage
</body>
PHP: Personal Home Page Tools
</html>
JAVA-SCRIPT
PERL
SQL
...
In den Jahrgängen 12 und 13 werden Sie neben HTML auch PHP und SQL kennen
lernen!
www.pander.de
4
Grundstruktur einer HTML-Seite
Script-Sprache
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
Der Inhalt des <TITLE> erscheint in der Titelleiste des Browsers
<title>HTML Grundkurs</title>
<meta name="author" content="Eddy">
<meta name="editor" content="html-editor phase 5">
</head>
<body>
Hier steht der Inhalt des Textes
</body>
</html>
Folgende Meta-Tags sollte ein Head enthalten:
<META NAME="author" CONTENT ="Edmund Pander">
<META NAME="description" CONTENT ="Dies ist eine Seite, die nie veröffentlicht werden sollte.">
<META NAME="keywords" CONTENT ="Schule BBS1 Aurich Test Klasse 11 Fachgymnasium">
www.pander.de
5
Grundstruktur einer HTML-Seite
Body
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HTML Grundkurs</title>
<meta name="author" content="Eddy">
<meta name="editor" content="html-editor phase 5">
</head>
<body>
Hier steht der Inhalt des Textes
</body>
</html>
www.pander.de
6
Herunterladen