HTML and CSS Reference
In-Depth Information
<div id "inhalt">
<p>Wir importieren auch aus Kalifornien!</p>
<img src "beispiel 2 0 car.png" alt "Karmann Ghia Auto">
<p>Neu im Angebot: Volkswagen Karmann Ghia</p>
</div>
<div id "kontakt">
<p><b>Oldtimer Spiering</b><br>Beispielgasse 1, 12345 Bad
Beispielstadt</p>
</div>
</body>
</html>
Mit den entsprechenden CSS-Definitionen für die Desktop-Ausgabe (
computer.css
) wird
der Beispielcode im Safari-Browser auf dem Mac (und auf dem PC) wie folgt dargestellt:
Bild 1.1:
Darstellung
des Beispiels als
Desktopwebseite.
Alle neuen Smartphones, allen voran natürlich das iPhone, Handys mit dem Android-
Betriebssystem oder Handys von Palm mit dem WebOS-System besitzen bereits fantas-
tische Browser, die die PC-Webseite ohne Probleme auch ohne handyspezifisches CSS
wiedergeben können. Nehmen wir also an, dass wir die gleichen CSS-Definitionen wie
in
computer.css
auch in
mobile.css
abgespeichert haben, dann sieht unsere Seite auf einem
iPhone wie folgt aus:
