Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.

12
HTML Einführung Park Körner Verlag HTML - erste Informationen für Einsteiger

Transcript of Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.

Page 1: Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.

HTML Einführung Park Körner Verlag

HTML - erste Informationenfür Einsteiger

Page 2: Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.

HTML Einführung Park Körner Verlag

Hypertext und HTML

eine spezielle Textform für moderne Systeme des Informationsaustausches

ist eine „Internet-Programmiersprache

durch die Navigation im Hypertext

Und HTML??

Hypertext unterscheidet sich vom Buch

Hypertext ist

Page 3: Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.

HTML Einführung Park Körner Verlag

Aufbau eines HTML Dokumentes

Page 4: Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.

HTML Einführung Park Körner Verlag

So soll es werden ;-)

Zum Code

Page 5: Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.

HTML Einführung Park Körner Verlag

Und so wird es erstellt:<!... Grundlegende HTML Befehle...!><HTML><HEAD><TITLE>erscheint in der Titelleiste des Browsers</TITLE></HEAD>

</BODY></HTML>

<BODY BGCOLOR="#FFFF00">

<p ALIGN="CENTER">

<b><FONT SIZE=+3><FONT COLOR=red>@ks-online<br><FONT SIZE=-1>das Gymnasium am Fusse des Altkönigs

<HR ALIGN=CENTER WIDTH=30% SIZE=5 NOSHADE><p>

<p ALIGN="CENTER"><IMG SRC="thinker.gif" WIDTH=90 HEIGHT="150">

<p ALIGN=“LEFT"><IMG SRC=“bilder/rechner.gif" WIDTH="80" HEIGHT="100“alt="rechner.gif (14873 Byte)">

Zur Html Seite

Text erscheint alternativ zum Bild

Hintergrundfarbe im Hex Code

Text und Textformat

zentriert

Linie

Bilder / Image

Page 6: Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.

HTML Einführung Park Körner Verlag

Der HTML Editor

Zum Erstellen Zum Anschauen

Fenster zur Dateienverwaltung

Fenster zur Bearbeitung (Editor) bzw. zum Ansehen der Internetseite (Browser)

Bilder, Verweise einfügenTexteingabe und Format

Farbe

Page 7: Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.

HTML Einführung Park Körner Verlag

Verweise und Hyperlinks sind ein entscheidender Bestandteil jedes Hypertext-Projekts und der "intelligente Mehrwert" des World Wide Web.

Zu wenige Verweise erschweren das Navigieren in einem Projekt und zeugen von wenig Kreativität beim Anbieter des Projekts.

Zu viele Verweise verwirren den Anwenderund können ein "Lost-in-Hyperspace-Gefühl" erzeugen

Verknüpfung von HTML Dokumenten

Page 8: Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.

HTML Einführung Park Körner Verlag

VERWEIS:<A HREF="#ende">ZumSeitenende</A>

ANKER:<A NAME=“ende"></A>

Verknüpfung in einem Dokument

Page 9: Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.

HTML Einführung Park Körner Verlag

VERWEIS in buch.htm:<AHREF="klemmbrett.htm#klemmbrett_anfang">Zu klemmbrett</A>

ANKER in klemmbrett.htm:<A NAME=“klemmbrett_anfang"></A>

buch.htm

klemmbrett.htm

Verknüpfung zwischen Dokumenten

Page 10: Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.

HTML Einführung Park Körner Verlag

Das Frame-SetIndex.htm

verweise.htm

news.htm

start.htm

Fenstername: rechts

Fenstername: links

Page 11: Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.

HTML Einführung Park Körner Verlag

Frame-Sets mit Html Edit

Page 12: Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.

HTML Einführung Park Körner Verlag

Frame-Set Listings<html><head><title>index Datei</title></head><frameset cols="200,*"> <frame src="verweise.htm" name="links"> <frame src="start.htm" name="rechts"></frameset></html>

<html>...............<body > <a href="news.htm" target="rechts">Neuigkeiten</a> <a href="start.htm" target="rechts">Home</a>..............</body></html>