Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.
-
Upload
bathild-gerling -
Category
Documents
-
view
123 -
download
4
Transcript of Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.
![Page 1: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/1.jpg)
![Page 2: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/2.jpg)
Was kann HTML?
![Page 3: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/3.jpg)
EINLEITUNG
<HTML> <HEAD></HEAD> <BODY></BODY></HTML>
![Page 4: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/4.jpg)
EINLEITUNG
<HTML> <HEAD> <TITLE>Bsp</TITLE> </HEAD> <BODY> <H1>Main Title</H1> <H2>First Subtitle</H2> </BODY></HTML>
![Page 5: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/5.jpg)
EINLEITUNG
<HTML> <HEAD> <TITLE>Bsp</TITLE> </HEAD> <BODY> <H1>Main Title</H1> <H2>First Subtitle</H2> </BODY></HTML>
![Page 6: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/6.jpg)
EINLEITUNG
<HTML> <HEAD> <TITLE>Bsp</TITLE> </HEAD> <BODY> <H1>Main Title</H1> <P>This is only an example text to show how a HTML- Document might look like.</P> <H2>First Subtitle</H2> </BODY></HTML>
![Page 7: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/7.jpg)
EINLEITUNG
<HTML> <HEAD> <TITLE>Bsp</TITLE> </HEAD> <BODY> <H1>Main Title</H1> <P>This is only an example text to show how a HTML- Document might look like.</P> <H2>First Subtitle</H2> </BODY></HTML>
![Page 8: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/8.jpg)
EINLEITUNG
<HTML> <HEAD> <TITLE>Bsp</TITLE> </HEAD> <BODY> <H1>Main Title</H1> <P>This is only an example text to show how a HTML- Document might look like.</P> <H2>First Subtitle</H2> <TABLE> <TR><TD>product 1</TD></TR> <TR><TD>product 2</TD></TR> <TR><TD>product 3</TD></TR> </TABLE> </BODY></HTML>
![Page 9: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/9.jpg)
EINLEITUNG
<HTML> <HEAD> <TITLE>Bsp</TITLE> </HEAD> <BODY> <H1>Main Title</H1> <P>This is only an example text to show how a HTML- Document might look like.</P> <H2>First Subtitle</H2> <TABLE> <TR><TD>product 1</TD></TR> <TR><TD>product 2</TD></TR> <TR><TD>product 3</TD></TR> </TABLE> </BODY></HTML>
![Page 10: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/10.jpg)
EINLEITUNG
<HTML> <HEAD> <TITLE>Bsp</TITLE> </HEAD> <BODY> <H1><FONT COLOR=blue“>
Main Title</FONT></H1> <P><I>This is only an example text to show how a HTML- Document might look like.</I></P> <H2><FONT COLOR=blue>
First Subtitle</FONT></H2> <TABLE> <TR><TD>product 1</TD></TR> <TR><TD>product 2</TD></TR> <TR><TD>product 3</TD></TR> </TABLE> </BODY></HTML>
![Page 11: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/11.jpg)
SZENARIO 1: CD-Sammlung
JON
![Page 12: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/12.jpg)
SZENARIO 1: CD-Sammlung
![Page 13: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/13.jpg)
SZENARIO 1: CD-Sammlung
Rob
15 $
![Page 14: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/14.jpg)
![Page 15: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/15.jpg)
SZENARIO 2: CD Laden
Die neue Single von Britney Spears ist bereits wieder ausverkauft!
![Page 16: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/16.jpg)
SZENARIO 2: CD Laden
Good SoundMusikstr. 58052 Singen
Bestellung
CD-Namen Interpreter StückLucky B. Spears 10
AbsenderMusic Store
![Page 17: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/17.jpg)
Good SoundMusikstr. 58052 Singen
Bestellung
CD-Namen Interpreter StückLucky B. Spears 10
AbsenderMusic Store
SZENARIO 2: CD Laden
![Page 18: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/18.jpg)
SZENARIO 2: CD Laden
.........
..........
2RosenstolzNur einmal noch
0Britney Spears
Lucky
10Céline DionD‘Eux
5MetallicaBest Of
StückzahlInterpreterCD-Name
Inventar
![Page 19: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/19.jpg)
Datenbank des CD-Händlers
Datenbankdes Lieferanten
Automatische Bestellung
![Page 20: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/20.jpg)
XML
![Page 21: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/21.jpg)
WEATHER REPORT EXAMPLE
![Page 22: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/22.jpg)
<?xml version=„1.0“?>
Set a minimal xml document declaration
WEATHER REPORT EXAMPLE
![Page 23: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/23.jpg)
<?xml version=„1.0“ encoding=„UTF-8“ ?>
Set the full xml document declaration
WEATHER REPORT EXAMPLE
![Page 24: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/24.jpg)
<?xml version=„1.0“ encoding=„UTF-8“ ?>
<!-- this is a comment -->
Write a Comment
WEATHER REPORT EXAMPLE
![Page 25: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/25.jpg)
<?xml version=„1.0“ encoding=„UTF-8“ ?>
<!-- this is a comment -->
<weatherreport> Specify a Root Node
WEATHER REPORT EXAMPLE
![Page 26: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/26.jpg)
Kleiner Einschub zu XML-Elementen
Grundregeln zu XML-Elementen:
XML ist ‚case sensitive‘! <MYXML> =/= <myXML>
Start Tag:<price>End Tag: 14 $ </price>
Tag Name <xml> ist reserviert!
Empty Tag: <empty></empty> oder <empty/>
![Page 27: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/27.jpg)
<?xml version=„1.0“ encoding=„UTF-8“ ?>
<!-- this is a comment -->
<weatherreport>
<city> </city>
Set a <city> Node
WEATHER REPORT EXAMPLE
![Page 28: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/28.jpg)
<?xml version=„1.0“ encoding=„UTF-8“ ?>
<!-- this is a comment -->
<weatherreport>
<city> <name>Zurich</name> </city>
Set the <name> Node
WEATHER REPORT EXAMPLE
ROB
![Page 29: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/29.jpg)
<?xml version=„1.0“ encoding=„UTF-8“ ?>
<!-- this is a comment -->
<weatherreport>
<city> <name>Zurich</name> <low>21°</low> <high>28°</high> </city>
Set the <low> and <high> Node
WEATHER REPORT EXAMPLE
![Page 30: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/30.jpg)
<?xml version=„1.0“ encoding=„UTF-8“ ?>
<!-- this is a comment -->
<weatherreport>
<city> <name>Zurich</name> <low>21°</low> <high>28°</high> <description>partly cloudy</description> </city>
Set the <description> Node
WEATHER REPORT EXAMPLE
![Page 31: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/31.jpg)
<?xml version=„1.0“ encoding=„UTF-8“ ?>
<!-- this is a comment -->
<weatherreport>
<city> <name>Zurich</name> <low>21°</low> <high>28°</high> <description>partly cloudy</description> </city>
<city> <name>Lausanne</name> <low>28°</low> <high>35°</high> <description>sunny</description> </city>
Set another <city> Node
WEATHER REPORT EXAMPLE
![Page 32: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/32.jpg)
<?xml version=„1.0“ encoding=„UTF-8“ ?>
<!-- this is a comment -->
<weatherreport>
<city no=„1“> <name>Zurich</name> <low>21°</low> <high>28°</high> <description>partly cloudy</description> </city>
<city no=„2“> <name>Lausanne</name> <low>28°</low> <high>35°</high> <description>sunny</description> </city>
Set Key Values such that each element can be identified
WEATHER REPORT EXAMPLE
![Page 33: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/33.jpg)
<?xml version=„1.0“ encoding=„UTF-8“ ?>
<!-- this is a comment -->
<weatherreport>
<city name=„Zurich“> <low>21°</low> <high>28°</high> <description>partly cloudy</description> </city>
<city name=„Lausanne“> <low>28°</low> <high>35°</high> <description>sunny</description> </city>
Choose more meaningful Key Values
WEATHER REPORT EXAMPLE
![Page 34: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/34.jpg)
<?xml version=„1.0“ encoding=„UTF-8“ ?>
<!-- this is a comment -->
<weatherreport>
<city name=„Zurich“> <low>21°</low> <high>28°</high> <description>partly cloudy</description> </city>
<city name=„Lausanne“> <low>28°</low> <high>35°</high> <description>sunny</description> </city>
...
<city name=„XYZ“> ... </city>
Continue
...
WEATHER REPORT EXAMPLE
![Page 35: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/35.jpg)
Noch einige Bemerkungen...
XML-Dokument muss well-formed sein!!
<I><B>This is italic bold</I>and this is plain bold</B><B><I>This is italic bold</I>and this is plain bold</B>
<city><name></city></name>
In HTML:
In XML:
<city><name></name></city>
![Page 36: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/36.jpg)
Noch einige Bemerkungen...
XML-Dokument kann sogar valide sein!!
XML Dokument
Document Type
Definition (DTD)
spezifiziert
![Page 37: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/37.jpg)
Wie weiter ???
APPLET
![Page 38: Was kann HTML? EINLEITUNG EINLEITUNG Bsp Main Title First Subtitle.](https://reader036.fdocuments.net/reader036/viewer/2022062417/55204d7249795902118c4c33/html5/thumbnails/38.jpg)