GDS1 – Computertechnik HTML-Grundlagen <html> <head>

Slides:



Advertisements
Ähnliche Präsentationen
XHTML+CSS C3O 2003.
Advertisements

Einführung in HTML (Hypertext Markup Language)
HyperText Markup Language
Body Der Body-TAG umrahmt nicht nur den sichtbaren Teil, sondern kann ihn auch verändern. Attribut Wert Beschriebung background Bild gibt.
Internet und Webseiten-Gestaltung
Wieviele Fenster gibt es in diesen Häusern?
Markus Tank, Wie arbeitet man mit dem Rich Text Editor?
HTML Silla Plump, 2009.
Dreamweaver Tatjana Funk. Gebrauchtwagenkauf DW ist ein visueller Editor DW ist ein WYSIWYG Editor (What you see is what you get.
Oracle WebServer - Einführung. © Prof. T. Kudraß, HTWK Leipzig Oracle Web Application Server HTML WebServer ® File system Static HTML PL/SQL Packages.
1/10 UNIVERSITY OF PADERBORN Projektgruppe KIMAS - Wiki Projektgruppe KIMAS Wiki Daniel Karuseit.
Cascading Style Sheets
Schiller-Gymnasium Hof Manuel Friedrich, OStR Klasse 10 - Wirtschaftsinformatik – Formulare © 2010 Manuel Friedrich - HTML.
ExKurs FormatS 1/9 Dr. Barbara Hoffmann LiteraturKompetenz Absatzformatierung: Standardtext Jedes Schreibprogramm, das nicht ausschließlich.
Die eigene Homepage Präsentation von Hermann Visse und Götz Trautmann
Wizards & Builders GmbH Hypertext Markup Language Beschreibung von HTML als Vorbereitung für Webserver mit Microsoft Visual FoxPro.
Medien- Technik Millennium Edition 1 Minimales HTML-Dokument Datei: NeueSeite.htm Wie man einen Seitentitel einfügt Seitentitel.
Medien- Technik Millennium Edition 1 Minimales HTML-Dokument Datei: NeueSeite.htm Wie man einen Seitentitel einfügt Seitentitel.
Der Explorer Programm, das das Inhaltsverzeichnis des Computers anzeigt Heinz Reinlein/ 2001.
DAS INTERNET ABKÜRZUNGEN FTP – File Transfer Protocol WWW – World Wide Web HTTP – Hiper Text Transfer Protocol HTML - Hiper Text Markup Language TCP/IP.
Was ist ein Frame? Frames teilen Browser-Fenster in rechteckige Bereiche. Mehrere Web-Seiten können gleichzeitig angezeigt werden unabhängig voneinander.
Excel verschiedene Anwendungen
Excel 97 Einführung - Start -.
HTML-Editor Phase 5 (Download )
7 Bessere Übersicht mit NamenInhaltsverzeichnis 7 Bessere Übersicht mit Namen 7.1Grundlagen 7.2Namen vergeben 7.3Namen in Formeln einsetzen 7.4Nützliches.
11. Tabellen 11.1 Grundlegende Tabellenbearbeitung
Tutorium zur LV Online Research Ein Computerprogramm tut, was Du schreibst, nicht was Du willst.
Aufbau einer Tabelle <table>: leitet Tabelle ein
Web-Publishing: HTML im Rahmen des PS aus Elektronischer Datenverarbeitung (Rechnerpraktikum)
Daniel Kucher Proseminar XHTML. 1. HTML – Struktur und Versionen 2. Der – Teil 3. Der – Teil 4. Stylesheets (CSS) – Das Rückrat von XHTML.
kleines Repetitorium 2.Teil
HTML HyperText Markup Language Die Programmiersprache des WWW
HTML 4.0 Einführung Prof. Peter Altmann. HTML Basics Tags treten normalerweise paarweise auf Tags können Parameter haben......
Einführung Prof. Peter Altmann
Einführung Prof. Peter Altmann
Einführung Prof. Peter Altmann
Einführung TYPO3 free Open Source content management system Grundlagen.
Index.html Page Klasse H99 xxxxxxxxxxxxxxxxxxxxx Sepp xxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxx gruppe.jpg hintergrund.jpg Page Gruppe.
Materialien zur Fortbildungsreihe C für die Informatik in SII
ÜBERSCHRIFTEN <H1> Überschrift 1 </H1>
Hypertext Markup Language
HTML Grundkurs Patrick Cato.
Einführung in die Grundlagen der Erstellung von Seiteninhalten
Portal-Treffen des AKI Hamburg 23. Oktober 2001 Fachportal-Physik.de Ideen für ein Physik-Portal Thomas Severiens
HTML Einführung.
HTML Hypertext Markup Language
(X)HTML und Tags. HTML - XHTML HTML wird seit 1999 nicht mehr weiterentwickelt. XHTML basiert auf XML und befolgt XML Syntaxregeln. Im weiteren Kursverlauf.
Powerpoint-DEMO Folien 2 bis 8: Internet-Grundlagen (7 von 30)
1 Erstellung eines Lebenslaufes
J. Nürnberger1 HTML Hypertext Markup Language Grundlagen.
HTML-Workshop: Tabellen
MAYA KINDLER 6C TABELLEN. ALLGEMEINES Man stellt Zusammenhänge dar table- tag = Beginn der Tabelle Tr- tag = neue Reihe (table row) Td-tag = table data.
David Ru David Ružić.  1. ART Unordered List Mit Punkten aufgezählt.
Tabellen DAVID RUŽIĆ. Wie sehen Tabellen Codes aus? So: Hier beginnt die Tabelle (table row) erstellt eine Tabellenreihe (wagrecht) (table head) erstellt.
Hypertext Markup Language
World Wide Web Internetdienst Besteht aus HTML-Seiten Hypertext Transfer Protocol Plattform- und Systemübergreifend Für CERN-Konferenz entwickelt (Übertragung.
WILLKOMMEN ZUM SOMMERKURS Kursthema: Frontend-Entwicklung für Webapplikationen M.Sc. Anna Prenzel, Sebastian Otto.
Mithilfe der Microsoft Excel Datensortierung können z.B. lange und ungeordnete Listen hilfreich aufsteigend oder absteigend sortiert werden.
Referat zu Hyperlink in Excel mit Grafik und Text

Web-Design Wie erstelle ich eine eigene Webseite und bringe sie ins weltweite Internet Ein Kurs der Agenda 21 von Postbauer-Heng in Zusammenarbeit mit.
Briefgestaltung Gliedern - Hervorheben Titel und Beschreibung Beträge Stichwortangaben Aufzählungen Horizontale Darstellung Titel bilden Denken Sie auch.
QA Frühlingstagung 17.– Layoutvorlage für den Bericht – Einführung 1 Layout des Qualitätsberichts Verwendung einer.
Was ist ein HTML-Dokument? - Ein WWW-Dokument, das mit anderen Dokumenten verknüpft ist. - Es kann beinhalten: Text, Bilder, Geräusche, Videos, Animationen,
HTML – Grundbegriffe Dipl.Ing. Herta PICHLER.
Interaktives Präsentieren
Einführung Prof. Peter Altmann
Titel der Präsentation
 Präsentation transkript:

GDS1 – Computertechnik HTML-Grundlagen <html> <head> <title>Meine Seite</title> </head> <body> </body> </html> Seiteninhalt

HTML-Tags Wirkung HTML-Tags <H1>..</H1> <HR> <p>.. </p> <OL> .. </OL> <UL> .. </UL> <tabel>....</tabel> <tr> <td> <th> Überschrift in größter Standard Schrift Überschrift in kleinster Standard Schrift Horizontal Rule – horizontale Linie Paragraph – Absatz – Abstand zum vorhergehenden wird eingefügt Ordered List – sortierte Liste Unordered List – unsortierte Liste Anfang und Ende einer Tabelle Table row - Tabellenzeile Tabele Data – Zelle Tabel head - Spaltenüberschrift

HTML-Tags Wirkung HTML - Tabellen <table> <table border="1" <tr> <td >Obstsorte</td> <td >Anzahl</td> </tr> <td>Äpfel</td> <td>2.200.00</td> </tr> <td>Birnen</td> <td>180.00</td> </tr> <td >Pflaumen</td> <td >250.00</td> </tr> </table> Obstsorte Anzahl Äpfel 2.220.000 Birnen 180.000 Pflaumen 250.00

Selfhtml – ein Kompendium (Stefan Münz) http://www.netzwelt.com/selfhtml/

Frame-Seiten index.htm Eine Frame-Seite besteht aus mehreren html-Seiten, die gemeinsam ein einem Rahmen aufgerufen werden.

Frameset <html> <head> <title>Neue Seite 1</title> </head> <frameset cols="200,*"> <frame name="Inhalt" target="Hauptframe" src="inhalt.htm"> <frame name="Hauptframe" src="hauptseite.htm"> <noframes> <body> <p>Diese Seite verwendet Frames. Frames werden von Ihrem Browser aber nicht unterstützt.</p> </body> </noframes> </frameset> </html>

Frameset Frameset gibt die Einteilung vor: cols (colums=Spalten) – 200 Pixel für die erste Spalte, der Rest bis zum Bildschirmrand („*“) „inhalt“ ist der logische Seitenname, „inhalt.htm“ ist der Speichername der Datei im Verzeichnis <frameset cols="200,*"> <frame name="Inhalt" src="inhalt.htm"> <frame name="Hauptframe" src="hauptseite.htm">

Verweise innerhalb von Frames Voraussetzung: es gibt ein Link-Ziel auf einer der Frame-Seiten: <a name = „Sprungziel“>Sprungziel</a> Von der „Inhaltseite“ aus: <a href = „hauptseite.htm#sprungziel“ target=Hauptframe>Link1</a> Name des Links, von dem aus gesprungen werden soll. Link auf die html-Seite mit dem dort definierten Anker Ort, wo die angewählte Seite geöffnet werden soll (im rechten Frame)

Verweise außerhalb von Frames Voraussetzung: es gibt ein Link-Ziel auf einer beliebigen Internetseite: Von der „Inhaltseite“ aus: <a href = „http://www.dieterlocher.de“ target=_blank>Link1</a> Link auf eine bekannte Internetseite. Name des Links, von dem aus gesprungen werden soll. Ort, wo die angewählte Seite geöffnet werden soll. Hinweis: ohne „Zielwahl“ wird die neue Seite sets im gleichen Fenster geöffnet. Dies kann zu s.g. Kaskadierungen (mehrere Fenster ineinander) führen. Target = _top  Ganze Seite Target = _blank –> der Explorer öffnet ein komplett neues Fenster

Drei-Frames

Frameset <frameset rows="64,*"> <frame name="Banner" scrolling="no" noresize target="Inhalt" src="banner.htm"> <frameset cols="150,*"> <frame name="Inhalt" target="Hauptframe" src="inhalts.htm"> <frame name="Hauptframe" src="inhalt_der.htm"> </frameset>