1 Einführung Die Sprachen HTML und XHTML Struktur einer HTML Seite Webseiten speichern... 2
|
|
- Cornelius Hummel
- vor 6 Jahren
- Abrufe
Transkript
1 HTML GRUNDLAGEN 1 Einführung 1 2 Die Sprachen HTML und XHTML Struktur einer HTML Seite. 1 4 Webseiten speichern 2 5 Elemente für die Seitenstruktur 2 6 Seiten und Inhalte verlinken 4 7 Sonderzeichen und Zeichensatz Beispiel HTML Formular welches mit einer Tabelle strukturiert wird. 6 1 EINFÜHRUNG Die Hypertext Markup Language (HTML) ist eine Auszeichnungssprache für Webseiten. Damit lassen sich Internetseiten mit Text, Bildern und Hyperlinks strukturieren. 2 DIE SPRACHEN HTML UND XHTML XHTML sollte HTML einmal ersetzen. Die aktuellen Versionen der Sprache sind in die Jahre gekommen. HTML Version 4.01 stammt aus dem Jahre 1999 und die XHTML Version 1.1 aus dem Jahre Die aktuelle Version für die Strukturierung von Webseiten ist HTML5. Sie ist zurzeit noch in der Entwicklung, es liegen aber bereits ausgereifte Entwürfe vor. Trotz diesem Entwicklungsstand, empfehle ich alle neuen Seiten in HTML5 zu programmieren. Ein entscheidender Vorteil von HTML5 ist, dass auch mobile Geräte, z.b. Android Tablets und Smartphones, die Seiten verbessert darstellen können. 3 STRUKTUR EINER HTML SEITE Sie geben Code in einer HTML Datei ein, um dem Browser mitzuteilen, wie ihr Text aussehen soll. Diese Anweisungen bestehen aus einem Start- und einem End-Element, z.b. <html> </html>. 3.1 EINFACHE SEITE Der Text, der im Webbrowser sichtbar ist, befindet sich innerhalb des body Elements. <!DOCTYPE html> <html> <head> <title>das ist eine einfache Seite</title> </head> <body> Hallo Europa! </body> </html> DOCTYPE Hinweis auf die HTML Version head. technische Informationen title. Titel der Seite, wird in der Titelleiste des Browsers angezeigt body. Teil welcher im Webbrowser dargestellt wird
2 2 Webseiten speichern 4 WEBSEITEN SPEICHERN Alle Webseiten müssen mit einer Datei-Erweiterung html versehen werden, z.b. kontakt.html. Mit diesem Suffix versehen, weiss der Browser (Edge, Firefox, Chrome, Safari, Opera etc.), dass er diese Datei nach HTML-Anweisungen durchsuchen und umsetzen soll. 5 ELEMENTE FÜR DIE SEITENSTRUKTUR Diese Elemente befinden sich im body der HTML Seite. 5.1 KOMMENTAR Der Code kann mit Kommentarzeilen ergänzt werden. Diese Kommentare sind im Browser für die Webseiten Besucher nicht sichtbar. <!-- Jetzt beginnt der Code für den Fragebogen --> ÜBERSCHRIFTEN Mit Überschriften wird das Dokument schnell strukturiert. HTML besitzt sechs Überschriftsebenen: <h1> bis <h6>. <h1>überschrift 1</h1> <h2>überschrift 2</h2> ABSÄTZE, ZEILENSCHALTUNG Absätze werden mit dem p (Paragraph) Element getrennt. <p>lorem ipsum dolor sit amet, consectetuer sadipscing elitr.</p> Einen Zeilenumbruch bekommt man mit dem br (Break) Element. <p>lorem ipsum<br/>dolor sit amet,<br>consectetuer sadipscing elitr.</p> AUFZÄHLUNGEN Numeriertelisten werden mit den ol (ordered list) <ol> <li>erster Eintrag</li> <li>zweiter Eintrag</li> <li>dritter Eintrag</li> </ol> Aufzählungslisten mit ul (unordered list) Elementen erstellt. <ul> <li>brot</li> <li>milch</li> <li>käse</li> </ul> Die Defintionsliste besteht aus drei Elementen. dl (definition list), dt (definitionlist term) und dd (definition-list definition). <dl> <dt>zürich</dt> <dd>grösste Stadt der Schweiz</dd> <dt>bern</dt> <dd>hauptstadt der Schweiz</dd> </dl>
3 Elemente für die Seitenstruktur PREFORMATTED TEXT Der Text wird mit pre so ausgegeben wie er erfasst wurde, d.h. Zeilenumbrüche bleiben erhalten. <pre> Das ist mein Text 1. Brot 2. Milch </pre> 5.3 TABELLEN Tabellen können als einfache Gestaltungsmittel verwendet werden. Das table Element definiert die Tabelle. Zeilen (tr) und Spalten (td) können beliebig hinzugefügt werden. <table border="1"> <td>a1</td> <td>b1</td> <td>c1</td> <td>a2</td> <td>b2</td> <td>c2</td> </table> 5.4 TEXT FORMATIERUNGEN Der Text lässt sich kursiv (i), Fett (b), Gross (big), Klein (small), Hoch- (superscript) und Tiefgestellt (subscript) darstellen. Programmcode (code) hat auch einen eigenen Befehl. <p><b>das ist fett</b><i> und kursiv </i>.</p> <p><big>gross</big> oder es geht auch <small>klein.</small></p> <p>das ist <sub> tief-</sub> und das ist <sup>hochgestellt</sup>.</p> <p><code>das ist eine Zeile Code.</code></p> 5.5 BILDER Bilder werden nicht in die HTML-Seite eingefügt, sondern getrennt gespeichert. Mithilfe des img Elements teilen Sie dem Browser mit, wo das Bild wie eingefügt werden soll FORMAT Für das Internet müssen Bilder im Format JPG, PNG oder GIF vorliegen AUFLÖSUNG Die Auflösung für die Bildschirmdarstellung muss zwischen 72 und 98 dpi liegen. Im Gegensatz zu Druckvorlagen welche eine Auflösung von mindestens 300dpi verlangen. Dank der geringeren Auflösung nimmt auch die Dateigrösse ab und die Webseiten werden schneller übermittelt BILD HINZUFÜGEN Das Image Element (img) beschreibt das eingefügte Bild. Breite (width), Höhe (height) und den Alternativen Text (alt) sollten angegeben werden. Der alternative Text wird bei Mouseover ausgegeben und vereinfacht das Lesen der Seite mit einem Screenreader für Sehbehinderte Leute und hilft den Suchmaschinen das Bild richtig einzuordnen. <img src="pix/snow.jpg" width="300" height="225" alt="winterlandschaft" /> src Source, wo liegt das Bild width/height.. Breite und Höhe des Bildes alt Alternativer Text, Beschreibung vom Bild
4 4 Seiten und Inhalte verlinken 6 SEITEN UND INHALTE VERLINKEN Verweise können verwendet werden um auf andere Seiten, Webseiten oder Anker (Bereich auf einer Seite) zu springen. Selbst für das Versenden von s können sie verwendet werden. 6.1 HYPERLINKS Mit Hyperlinks können einzelne Seiten miteinander verlinkt werden. Die Seiten können auf demselben Webserver (kontakt.html) oder auf einem entfernten Webserver ( liegen. <a href="kontakt.html">kontakt</a> <a href=" 6.2 RELATIVE UND ABSOLUTE LINKS Interne Links können verschiedentlich erstellt werden. Der einfachste Fall ist, wenn sich die Zieldatei im gleichen Verzeichnis befindet. <a href="kontakt.html">kontakt</a> Liegt die Datei in einem Unterverzeichnis, muss die Verzsichnisstruktur angegeben werden. <a href="produkte/akkus.html">akkus</a> Übergeordnete Verzeichnisse können mit zwei Punkten erreicht werden, z.b. von den Akkus zur Übersicht der Filialen <a href="../filialen/index.html">filialen</a> Beginnt der Hyperlink mit einem Schrägstrich, wird das Hauptverzeichnis des Webservers durchsucht. <a href="/filialen/europa.html">filalen in Europa</a> index.html kontakt.html produkte/ filialen/ index.html lader.html akkus.html index.html europa.html asien.html 6.3 LINKS Beginnt der Hyperlink mit mailto wird das programm des Rechners geöffnet. <a href="mailto:info@bsp.com">nachricht an info@bsp.com</a> 6.4 ANKER Ein Anker identifiziert eine bestimmte Stelle innerhalb einer Seite. Der Anker wird mit name="faq" definiert und mit href="#faq" kann darauf gesprungen werden. <a href="#faq">schaue doch bei den Häufig gestellten Fragen nach.</a> <h2><a name="faq">häufig gestellte Fragen</a></h2>
5 Sonderzeichen und Zeichensatz 5 7 SONDERZEICHEN UND ZEICHENSATZ Zu den Sonderzeichen gehören auch die Umlaute. Die richtige Darstellung der Sonderzeichen hängt von den Einstellungen am Webserver und dem Browser ab. Um sicher zu gehen, dass die Zeichen richtig dargestellt werden müssen die Sonderzeichen mit Codes eingegeben werden. Die Codes beginnen mit dem Et-Zeichen (&) und enden mit dem Strichpunkt (;). ( z.b. Ä Ä ö ö ½ ½ ß β
6 6 Beispiel HTML Formular welches mit einer Tabelle strukturiert wird 8 BEISPIEL HTML FORMULAR WELCHES MIT EINER TABELLE STRUKTURIERT WIRD Damit das Formular hübscher aussieht, werden die Felder in einer Tabelle ausgegeben. <form name="kontakt" method="post" action="kontakt.php"> <table border="1" cellpadding="10" cellspacing="0" width="800px"> <td width="150px">anrede</td> <td><input type="text" name="anrede" size="40"/></td> <td width="100px">text</td> <td>vorname</td> <td><input type="text" name="vorname" size="40" /></td> <td>text</td> <td>nachname</td> <td><input type="text" name="nachname" size="40" /></td> <td>text</td> <td>kommentar</td> <td><textarea rows="5" cols="40" name="kommentar"></textarea></td> <td>textarea</td> <td>lieblingsfarben (mehrere Farben möglich)</td> <td><input type="checkbox" value="lieblingsfarbe_gelb" /> Gelb<br/> <input type="checkbox" value="lieblingsfarbe_rot" /> Rot<br/> <input type="checkbox" value="lieblingsfarbe_blau" /> Blau<br/></td> <td>checkbox</td> <td>lieblingsfarbe (nur 1 Auswahl möglich)</td> <td><input type="radio" name="lieblingsfarbe" value="gelb" /> Gelb<br/> <input type="radio" name="lieblingsfarbe" value="rot" /> Rot<br/> <input type="radio" name="lieblingsfarbe" value="blau" /> Blau<br/></td> <td>radio button</td> <td>passwort</td> <td><input type="password" name="passwort" size="20" /></td> <td>password</td> <td>auswahlliste</td> <td><select name="land" > <option value="n/a">-</option> <option value="ch">schweiz</option> <option value="d">deutschland</option> <option value="f">frankreich</option> </select> </td> <td>select / option</td> <td><input type="submit" value="ab die Post"></td> <td><input type="reset" value="eingaben löschen"></td> <td>submit / reset</td> </table> </form>
7 Beispiel HTML Formular welches mit einer Tabelle strukturiert wird 7 Mit <form></form> definieren Sie ein Formular. Die Methode (method) zur Datenübertragung kann GET oder POST lauten. Mit der GET Methode sind die Daten in der Adresszeile des Browsers sichtbar. Die POST Methode übermittelt die Daten in einer speziellen Post-Anfrage. Mit action bestimmt das Skript welches nach dem Submit aufgerufen wird. 8.1 SO SIEHT ES AUS 8.2 ELEMENTE Ein paar gebräuchliche Elemente für das Formular sind: Textfelder <input type="text" name="vorname" /> Textbereich Radio Buttons <textarea cols="20" rows="7" name="kommentar" size="10"></textarea> <input type="radio" name="team" value="fcz" /> FCZ <input type="radio" name="team" value="fca" /> FCA Checkbox Einverstanden?: <input type="checkbox" name="agb" value="ok" /> Auswahlliste <select name="land" > <option value="n/a">-</option> <option value="ch">schweiz</option> <option value="d">deutschland</option> <option value="f">frankreich</option> </select> Senden <input type="submit" name="submit" value="absenden">
Informatik und Programmiersprachen
Informatik und Programmiersprachen Einschub: HTML Wintersemester 2004/2005 Prof. Dr. Thomas Wieland HTML HTML = Hypertext Markup Language HTML beschreibt Inhalt, Struktur und Darstellung eines Dokumentes.
MehrSchiller-Gymnasium Hof 20.12.2004
Erstellen eines HTML-Dokumentes Zum Erstellen einer Homepage benötigen wir lediglich einen Editor. Zum Ansehen der fertigen Site benötigen wir wir natürlich auch einen Browser, z.b. Firefox oder Netscape
MehrAngewandte Informatik
Angewandte Informatik Teil 9.1 Web Seiten V1.3 12.03.2011 1 von 37 Inhaltsverzeichnis 3... Welche Browser werden verwendet? 4... Mit welchen Browser surft die Welt? 5... Wie kommt der Browser zur Seite?
MehrMeine erste Homepage - Beispiele
Meine erste - Beispiele 1. Beispiel meine Willkommen auf meiner Befehle nicht über Hier ist ein Senior, der noch fit für's Internet ist. Probieren wir
MehrEinführung in HTML. Tutorium. Präsentation der Sitzung vom 2./9. Juni 2004 Martin Stricker
Tutorium Einführung in HTML Präsentation der Sitzung vom 2./9. Juni 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Programm Grundlagen von HTML Objekte, Elemente, Tags Grundaufbau eines HTML-Dokuments
MehrDigitale Medien. Übung
Digitale Medien Übung HTML Heute Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält die Struktur eines Dokuments und teilweise die Darstellung. ich bin eine Überschrift
MehrCrashkurs Webseitenerstellung mit HTML
Ziel Crashkurs Webseitenerstellung mit HTML Das Ziel dieser Einführung in die Webseitenerstellung ist das Kennenlernen der Seitenbeschreibungssprache HTML und die Nutzung für einfach strukturierte Seiten,
MehrErste Schritte mit XHTML
Sascha Frank SS 2005 www.saschafrank.de 3.3.05 Eigene Homepage Rechte am $HOME ändern Eigene Homepage Rechte am $HOME ändern chmod 701 /home/login Eigene Homepage Rechte am $HOME ändern chmod 701
MehrDie Programmiersprache des Webs. HTML HyperText Markup Language Hypertext - Auszeichnungssprache
Was ist HTML? Die Programmiersprache des Webs HTML HyperText Markup Language Hypertext - Auszeichnungssprache Dateiname Man muss Groß/Kleinschreibung beachten Leerzeichen ist nicht erlaubt Umlaute wie
MehrHTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 1. Ausgabe, Dezember 2011 HTML5
Linda York, Tina Wegener HTML5 Grundlagen der Erstellung von Webseiten 1. Ausgabe, Dezember 2011 HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste Webseite mit HTML erstellen In diesem
MehrWebdesign-Multimedia HTML und CSS
Webdesign-Multimedia HTML und CSS Thomas Mohr HTML Definition ˆ HTML (Hypertext Markup Language) ist eine textbasierte Auszeichnungssprache (engl. markup language) zur Strukturierung digitaler Dokumente
Mehr"Die HTML-PHP-Schnittstelle -- Ein- und Ausgabe der Daten"
Mini-Workshop "Die HTML-PHP-Schnittstelle -- Ein- und Ausgabe der Daten" Dirk Wiebel 28.07.03 1. HTML-Grundlagen SGML-basierte Formatiersprache (HyperText Markup Language) Basiert auf Tags und Attributen
MehrHTML Teil 2. So kann man HTML-Seiten mit <div> und CSS gestalten. So sehen einfache Formulare aus
HTML Teil 2 So kann man HTML-Seiten mit und CSS gestalten So sehen einfache Formulare aus Wie könnte ein komplexer Internetauftritt aussehen? Trennung Inhaltsbereich und Navigationsbereich 2 Beispiel:
MehrGrundlagen zu HTML. Vortrag im Rahmen der BTK-Vorlesung von Herrn Professor Kärger
Grundlagen zu HTML Vortrag im Rahmen der BTK-Vorlesung von Herrn Professor Kärger Folie: 1 Gliederung Folie: 2 Was ist HTML Die Sprache HTML Aufbau von HTML-Tags Das HTML-Grundgerüst Hintergrundformatierungen
MehrHypertext Markup Language HTML. Stefan Szalowski Internet-Technologien HTML
Hypertext Markup Language HTML Hypertext Markup Language HTML Cascading Style Sheets CSS Zwei Sprachen, mit denen Webseiten erstellt werden HTML: Strukturieren von Inhalten durch Elemente Überschriften,
MehrHTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 2. Ausgabe, 3. Aktualisierung, Januar 2013 HTML5
HTML5 Linda York, Tina Wegener 2. Ausgabe, 3. Aktualisierung, Januar 2013 Grundlagen der Erstellung von Webseiten HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste Webseite mit HTML erstellen
MehrProgrammieren 2 (Prof. Hasbargen) Klausur
Programmieren 2 (Prof. Hasbargen) 1 Klausur Aufgabe 1 (10 Punkte) Dynamisierung von HTML-Seiten HTML-Seiten sind eine gängige Art und Weise, Informationen darzustellen. Nennen Sie die Gründe, welche Vorteile
MehrPHP JavaScript Kapitel 9. Java-Script-Objekte und das Event-Modell
Java-Script-Objekte und das Event-Modell 1 Interaktions-Methoden des Window-Objekts
MehrKapitel 8 HTML. Copyright by Worldsoft AG, 2014, Pfäffikon SZ, Switzerland. Version: 02.10.2014 Seite 1
Kapitel 8 Notwendige Voraussetzungen für diese Schulung: Internetfähiger Computer mit aktuellem Browser (z.b. Firefox, Internet Explorer) Bild- und Textvorlagen: Diese Vorlagen finden Sie auf der CC-Website
MehrVWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer. Kommunikation I (Internet) Übung 5 Formulare
VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer Kommunikation I (Internet) Übung 5 Formulare SS 2004 Inhaltsverzeichnis 1. Formulare - Datenaustausch mit dem Anwender...1 1.1. Formulare - Die Syntax...1 1.1.1.
MehrEinführung in HTML Text
Einführung in HTML Text Übung 1 Erstellen Sie eine erste HTML-Datei, die den Titel Meine erste Seite besitzt und den Text Hallo Welt im Browser ausgibt. Übung 2 Öffnen Sie die Datei text.htm und formatieren
MehrZeile 3-7: Der Kopf der HTML-Datei. Hier werden unsichtbare Einstellungen für das ganze Dokument vorgenommen.
Inhalt: Grundgerüst, Tags, Zeichensatz, Meta-Tags, Farben 1 2 3 4 titel der Datei 5 6
MehrFormulare in html Bernd Bl umel Version: 1. April 2003
Formulare in html Bernd Blümel Version: 1. April 2003 Inhaltsverzeichnis 1 Formulare 2 1 Kapitel 1 Formulare Formulare sind in html die einzige Interaktionsmöglichkeit mit den Benutzern unserer Internet
MehrEinführung in HTML. Autor : Martin Amelsberg (MartinAmelsberg@T-Online.de) Version : 4
Einführung in HTML Autor : Martin Amelsberg (MartinAmelsberg@T-Online.de) Version : 4 Inhaltsverzeichnis 1. Einleitung... 3 2. Was ist HTML?... 4 3. Aufbau einer HTML-Datei...4 4. Sonderzeichen und Umlaute...
Mehrhttp://www.therealgang.de/
http://www.therealgang.de/ Titel : Author : Kategorie : Vorlesung HTML und XML (Einführung) Dr. Pascal Rheinert Sonstige-Programmierung Vorlesung HTML / XML: Grundlegende Informationen zu HTML a.) Allgemeines:
MehrInhalte mit DNN Modul HTML bearbeiten
Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 7+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 15.08.2013
MehrHTML - HyperText Markup Language - breve et efficax
Prof. Dr. phil. nat. habil. Alfred H. Gitter Bioinformatik / Biophysik HTML - HyperText Markup Language - breve et efficax 1 Entstehung des Internets 1969 Arpa-Net (US-Militär) Die für das US-Militär arbeitende
MehrVWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer. Kommunikation I (Internet) Übung 5. Formulare und mehr
VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer Kommunikation I (Internet) Übung 5 Formulare und mehr SS 2003 Inhaltsverzeichnis 5. Formulare und mehr...1 5.1. Formulare...1 5.1.1. Erstellen eines einfachen
MehrEs gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere.
1.0.0 Allgemeine Informationen Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere. Wir werden uns hauptsächlich mit HTML beschäftigen, weil
MehrHTML5. Wie funktioniert HTML5? Tags: Attribute:
HTML5 HTML bedeutet Hypertext Markup Language und liegt aktuell in der fünften Fassung, also HTML5 vor. HTML5 ist eine Auszeichnungssprache mit der Webseiten geschrieben werden. In HTML5 wird festgelegt,
MehrVorbereitung Termin 4
Vorbereitung Termin 4 Spezielle Links & Linkattribute 2 Ein Bild verlinken Das Ankerelement wird erst durch das Attribut href zum funktionierenden
Mehr1. Seminar Multimediale Werkzeuge Sommersemester 2011
1. Seminar Multimediale Werkzeuge Sommersemester 2011 Marco Niehaus marco.niehaus@tu-ilmenau.de 12.04.2011 Page 1 Organisatorisches Terminplanung? Übungs- & Hausaufgaben Gehen zu 30 % in die Endnote ein
MehrStart. HTML Crash-Kurs. HTML Crashkurs Bernd Blümel Christian Metzger
Start HTML Crash-Kurs Basics HyperText Markup Language logische Auszeichnungssprache Einfache Syntax Sehr einfach zu erlernen Dateiendungen und Startseite Dateiendungen.htm.html Startseite: index default
Mehr7 Tabellen. 7.1 Erstellen einer Tabelle. - übersichtliches Gestalten von Websites - enorme Steigerung der Layoutmöglichkeiten durch Tabellen
1 7 Tabellen - übersichtliches Gestalten von Websites - enorme Steigerung der Layoutmöglichkeiten durch Tabellen 7.1 Erstellen einer Tabelle Syntax: Inhalt1 Inhalt2 Kommentar
MehrFrames oder Rahmen im Browserfenster
In dieser Ausbildungseinheit zeigen wir Ihnen, wie Frames oder auch Rahmen im Browserfenster erstellt werden. Dabei möchten wir anmerken, dass zu Frames bereits sehr viel Gegensätzliches geschrieben wurde.
MehrHTLM und CSS. Eine erste Einführung. Karlheinz Zeiner. Inhalt
HTLM und CSS Eine erste Einführung Karlheinz Zeiner Inhalt 1 Vorbereitung 1 1.1 HTML und CSS 1 1.2 Werkzeuge 1 1.3 Quellen 1 2 Erstes HTML-Dokument erstellen 2 2.1 Website, Webpage 2 2.2 Struktur einer
MehrPHP Einsteiger Tutorial Kapitel 4: Ein Email Kontaktformular in PHP Version 1.0 letzte Änderung: 2005-02-03
PHP Einsteiger Tutorial Kapitel 4: Ein Email Kontaktformular in PHP Version 1.0 letzte Änderung: 2005-02-03 Bei dem vierten Teil geht es um etwas praktisches: ein Emailformular, dass man auf der eigenen
MehrProgrammieren der Untersuchung
Programmieren der Untersuchung Während in HTML viele Tags zur Formatierung und Beschreibung eines Textes zur Verfügung stehen, bieten Programmiersprachen wie z.b. PHP oder Java Script Strukturen die einen
MehrHTML. HyperText Markup Language. von Nico Merzbach
HTML HyperText Markup Language von Nico Merzbach Kapitel 1 Was ist HTML? Was ist HTML? Einführung: HTML ist eine (Hypertext-)Auszeichnungssprache. Mit Hilfe von HTML strukturiert man Inhalte wie Text,
MehrInhaltsverzeichnis. Florian Bauer HTML Seite 2 von 10
HTML Inhaltsverzeichnis HTML Grundlagen... 3 Was ist HTML... 3 URL... 3 HTTP... 3 WWW Funktionsweise... 3 HTML Grundgerüst... 4 Grobes Grundgerüst... 4 Feines Grundgerüst... 4 HTML-Elemente... 5 Tags...
MehrHermann von Helmholtz-Zentrum für Kulturtechnik Übung: Multimedia-Anwendungen in den Wissenschaften. Tutorium. Mozilla Composer. Ein kurzer Überblick
Tutorium Mozilla Composer Ein kurzer Überblick Vorbereitung: Projektordner erstellen Für jede projektierte Website wird zuerst ein eigener Projektordner erstellt, der alle zu publizierenden Dateien aufnimmt.
MehrTextverarbeitung 1. 1. Textentwurf 2. Texterfassung 3. Textumformung 4. Textgestaltung 5. Textverwendung
Informatik - Text / HTML 1 Textverarbeitung 1 1. Textentwurf 2. Texterfassung 3. Textumformung 4. Textgestaltung 5. Textverwendung Leistungsmerkmale Textverarbeitung ist Standardsoftware - nutzerorientiert,
MehrPHP Formulare. Stefan Maihack Dipl. Ing. (FH) Datum: 22.05.2014
PHP Formulare Stefan Maihack Dipl. Ing. (FH) Datum: 22.05.2014 1 Formularverarbeitung Durch Formulare werden Webseiten interaktiv. Durch Formulare können Daten an den Webserver geschickt werden, um sie
MehrInhalte mit DNN Modul HTML bearbeiten
Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 6+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 14.09.2012
MehrECDL WebStarter Syllabus Version 1.5
ECDL WebStarter Syllabus Version 1.5 Schon im World Wide Web vertreten? syllabusweiss3.indd 1 19.01.2007 13:46:56 EUROPÄISCHER COMPUTER FÜHRERSCHEIN ECDL WebStarter Syllabus Version 1.5 The European Computer
MehrGrundlagen. Wie sind PHP-Dateien aufgebaut?
Grundlagen PHP und MySQL PHP läuft serverseitig!! Wie sind PHP-Dateien aufgebaut? PHP-Dateien fangen mit an und hören mit auf. Sie müssen die Dateiendung *.php haben echo "So könnte eine Datei aussehen\n";
MehrEntwicklung einer Suchmaschine mit dem Internet Information Server
Entwicklung einer Suchmaschine mit dem Internet Information Server Überblick: Der Index Server erstellt einen Index für alle Inhalte und Eigenschaften von Dokumenten, die auf dem Internet Information Server
MehrD a s B e g l e i t s c r i p t z u m
H T M L f ü r A n f ä n g e r D a s B e g l e i t s c r i p t z u m K u r s Von Konrad Weidmann Im Wintersemester 2005/2006 Inhaltsverzeichnis 0. Einführung...3 1. Bedeutung...3 2. Benutzung...4 a) des
MehrProjekt Online-Shop:
Mit einem Buchverwaltungsprogramm kann können über das Internet neue Datensätze in eine Online-Datenbank einund ausgegeben, sowie gelöscht und verändert werden. Die Internet-Site besteht aus den nebenstehenden
MehrHTML-Grundlagen (X)HTML:
HTML-Grundlagen (X)HTML: < > beginnender HTML Tag schließender HTML Tag < /> leere HTML Elemente Attribute und Werte &.; Sonderzeichen, HTML Entities Aufbau einer Datei Ein
Mehr11 Publizieren im Web
11 Publizieren im Web Für ein modernes Unternehmen ist es heute kaum vorstellbar, nicht im Internet vertreten zu sein. Laut Statistik Austria 7 haben 97 % aller österreichischen Unternehmen ab 10 Beschäftigten
MehrWeb-Programmierung (WPR)
Web-Programmierung (WPR) TFH-Berlin Sommer Semester 2008 Manfred Gruner mailto:wpr@gruner.org Web-Programmierung (WPR) Literatur: Web-Technologien (Heiko Wöhr) Konzepte Programmiermodelle - Architekturen
MehrDie wichtigsten HyperTextMarkupLanguage tags 1(6)
Die wichtigsten HyperTextMarkupLanguage tags 1(6) HTML ist entgegen vielen Gerüchten keine Programmiersprache, sondern lediglich ein Hilfsmittel um Text und Bild zu formatieren, welche in einem Browser
MehrPublizieren im Internet
Publizieren im Internet Eine eigene Homepage erstellen Teil 2 Margarita Esponda esponda@inf.fu-berlin.de Ein Bild als Hintergrund Webseite mit einen Bild als Hintergrund
MehrGUIDELINE. Variante 1 auf Basis des VMI-Template Baukastens 2
Standalone- E-Mail-Marketing mit VMI 2 Anlieferung 5 Variante 1 auf Basis des VMI-Template Baukastens 2 Ihre Vorteile 3 Anlieferung 3 Abstimmung / Vorlaufzeit 3 Unsere Leistung 3 Variante 2 auf Basis eines
MehrAufgaben HTML Formulare. Prof. Dr. rer. nat. Claus Brell, http://claus-brell.de, claus.brell@hs-niederrhein.de, Wirtschaftsinformatik, Statistik
1 Aufgaben HTML Formulare Aufgabe 1 (Vorbereitung) Google Suche 2 Probieren vor Studieren.. Arbeitsauftrag: 1.) Fügen Sie mit Notepad++ in Ihrer Datei index.html den unten gezeigten Quelltextschnipsel
MehrErstellen eines HTML-Templates mit externer CSS-Datei
Erstellen eines HTML-Templates mit externer CSS-Datei Eigenschaften der Lösung Menü mit 2 Ebenen ohne Bilder, Menü besteht aus Text (Links) Durch CSS kann das Menü aber auch die Seite angepasst werden
MehrFormular / Counter. Handbuch
Handbuch November 2012, Copyright Webland AG 2012 Inhalt Formular Allg. Informationen Formular konfigurieren 1. Schritt: Erstellen des Formulars 2. Schritt: Konfiguration des Formulars 3. Schritt: Integration
MehrSlices und Rollover für die Startseite einer Bildergalerie
Slices und Rollover für die Startseite einer Bildergalerie Die größte Frage bei einer Webseite ist es, auf ggf. viele Informationen von der relativ kleinen Fläche eines Bildschirmes zu verweisen. Dabei
Mehrfor ($i=1 ;$i<=25 ;$i++) { echo "$i "; }?> <br> <a href="http://localhost/php.php">zurück zur Index-Seite</a> </body> </html>
8 Schleifen Schleifen werden in der Programmierung viel verwendet. Sie sind deshalb sehr wichtig, weil man mit Ihrer Hilfe erreichen kann, dass etwas unter bestimmten Bedingungen immer wieder ausgeführt
MehrHTML Kurs. Inhaltsverzeichnis. Dominic Dietiker Aktualisierung: February 13, 2009. 1 Das HTML-Dokument 2. 2 Einige Tags 7
HTML Kurs Dominic Dietiker Aktualisierung: February 13, 2009 Inhaltsverzeichnis 1 Das HTML-Dokument 2 2 Einige Tags 7 3 Erarbeiten weiterer Tags 11 4 Tabellen 11 A Lösungen 16 1 1 Das HTML-Dokument Tags
MehrMusterlösung Klausur Kommunikation I. Sommersemester 2004. Dipl.-Ing. T. Kloepfer
Kommunikation I 1 Musterlösung Klausur Kommunikation I Sommersemester 2004 Dipl.-Ing. T. Kloepfer Bearbeitungsinformationen Aufbau der Klausur Die Klausur ist wie folgt aufgebaut: Die Klausur ist in 18
MehrUm einen Form-Mailer in Ihre Seite zu integrieren, kopieren Sie bitte den folgenden HTML-Code und fügen ihn in den Quelltext Ihrer Seite ein:
Was ist ein Kontaktformular / Form-Mailer? Über ein Kontaktformular können Besucher Ihrer Webseite, Ihnen direkt über die Webseite eine Nachricht zukommen lassen. Der Besucher füllt einfach die Felder
MehrInternetseiten selbst erstellt
Internetseiten selbst erstellt Vorüberlegungen: Übersichtsplan aller geplanten Seiten zeichnen und bereits logische Dateinamen überlegen. Inhalt der Seite Willkommen/Was gibt es zu sehen und was will ich
MehrSpamschutz bei TYPO3. von Bernd Warken bei Fa. Netcos AG
Spamschutz bei TYPO3 von Bernd Warken bei Fa. Netcos AG Kapitel 0: Einleitung 3 0.1 Vorwort 3 0.2 Lizenz 3 Kapitel 1: Aktivierung und Konfiguration 4 1.1 config.spamprotectemailaddresses 4 1.2 config.spamprotectemailaddresses_atsubst
MehrPython CGI-Skripte erstellen
Python CGI-Skripte erstellen CGI (Common Gateway Interface)... ist eine Schnittstelle, um Scripte im Web bereitzustellen. ist eine Schnittstelle zwischen einem HTTP-Server und ausführbaren Programmen.
MehrWeb und Multimedia. HTML 4.x, Teil 2. Quelle: Hess HTML4
Web und Multimedia HTML 4.x, Teil 2 Quelle: Hess HTML4 1 Inhalte Einführung in HTML Textgestaltung - HTML - Cascading Style Sheets Screenlayout - HTML (Tabellen) - Frames - Cascading Style Sheets Hyperlinks
MehrFrontend- technologien HTML. B04 Einführung in Softwaretechnologien
Frontend- technologien HTML B04 Einführung in Softwaretechnologien Ihre Erwartungen an die Vorlesung Verknüpfung von Wirtschaft und digitaler Technologie Grundlagen, um mit Programmierern, Informatikern
MehrHTML Programmierung. Aufgaben
HTML Programmierung Dr. Leander Brandl BRG Keplerstraße - A-8020 Graz Universität Graz - Institut für Experimentalphysik Fachdidaktik der Physik http://w4.brgkepler.asn-graz.ac.at 1. Die erste Web-Seite
MehrEinführung in HTML. Hui Dai
Einführung in HTML Hui Dai Grundgerüst einer HTML-Datei HTML-Dateien bestehen aus Text. Der Inhalt von HTML-Dateien steht in HTML-Elementen. HTML-Elemente werden durch so genannte Tags markiert. Fast alle
Mehr2. Einloggen bei PROJEKTE2GO... 3. 3. Systemanforderungen... 3. 4. Benutzeroberfläche... 3. 5. Funktionen... 6
PROJEKTE2GO Inhalt 1. Ihr mobiles Projektmanagement für unterwegs... 3 2. Einloggen bei PROJEKTE2GO... 3 3. Systemanforderungen... 3 4. Benutzeroberfläche... 3 5. Funktionen... 6 5.1 Zeiterfassung...6
MehrDreamweaver Arbeiten mit HTML-Vorlagen
Publizieren auf dem NiBiS Kersten Feige Nicole Y. Männl 13.11.2002, 8.30-13.00 Uhr 19.11.2002, 8.30-13.00 Uhr Dreamweaver Arbeiten mit HTML-Vorlagen Voraussetzungen zum Arbeiten mit HTML-Vorlagen Starten
MehrMitschrift HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.
1. Stunde Mitschrift HTML Bildbearbeitung in Hinblick auf HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.jpg Verstehen des Unterschiedes
MehrSo führt der folgende Code zu dem, was Sie darunter als Beispiel sehen:
8.1 Tabellenzellen teilen Wenn Sie eine Tabelle in der Art erstellen wollen, dass sich zwei Zellen unter einer größeren befinden, dann benötigen Sie zusätzlich zum bisher Gelernten das tag
MehrUm ein Seiteninhaltselement zu editieren, d. h. neu einzufügen oder zu verändern werden mehrere Symbole verwendet:
4.5.7 Bilder- und Datei-Upload Alle Dateien (z.b. Bilder, PDF-Dateien, Flash-Animationen, etc.), die Sie auf Ihren Seiten einbinden möchten, laden Sie im Modulbereich Datei in den Modulen Dateiliste oder
MehrC:\~Temp\Rolf\GaM\anfrageauftritt.php Sonntag, 26. Januar 2014 08:41
/* Formular Stylesheet */ body, textarea, table { font-family: Verdana,
MehrPHP Schulung Beginner. Newthinking Store GmbH Manuel Blechschmidt
PHP Schulung Beginner Newthinking Store GmbH Manuel Blechschmidt Begrüßung Es gibt keine dummen Fragen nur dumme Antworten. Übersicht Sprung ins Kalte Wasser 'Hallo Welt' Theorie Requests Grundlagen Kommentare
MehrErzherzog Johann Jahr 2009
Erzherzog Johann Jahr 2009 Der Erzherzog Johann Tag an der FH JOANNEUM in Kapfenberg Was wird zur Erstellung einer Webseite benötigt? Um eine Webseite zu erstellen, sind die folgenden Dinge nötig: 1. Ein
MehrKurzanleitung für das Editieren der FHE-Internetseiten mit der Software Cabaccos
21.09.2006, F. Torkler, R. Schlepphorst 1 Kurzanleitung für das Editieren der FHE-Internetseiten mit der Software Cabaccos Einloggen zum Editieren Das neue CMS-System ermöglicht es, vom Arbeitsplatzrechner
MehrRZ - HTML-Kurs. Inhalt 1. 2. 3. 4. 5. 6. Einführendes Struktur Links Graphik, Video, Audio Layout Weitere Informationen
Inhalt 1. 2. 3. 4. 5. 6. Einführendes Struktur Links Graphik, Video, Audio Layout Weitere Informationen 1 Einführendes 1. 2. 3. 4. 5. Begriffe Methodisches Logische Struktur Reines HTML Struktur der HTML-Tags
MehrVersion 1.0 Merkblätter
Version 1.0 Merkblätter Die wichtigsten CMS Prozesse zusammengefasst. Das Content Management System für Ihren Erfolg. Tabellen im Contrexx CMS einfügen Merkblatt I Tabellen dienen dazu, Texte oder Bilder
MehrWeb-Publishing mit HTML
Web-Publishing mit HTML Das HTML-Dokument: Jedes HTML 4-Dokument beginnt mit der Deklaration , um diese Version von anderen Versionen zu unterscheiden.
MehrASP: Active Server Pages
ASP: Active Server Pages Allgemeines: ASP ist die serverseitige Schnittstelle zu Skripten/Programmen ausgehend vom Microsoft-Internet- Information-Server (z.b. in Windows Server enthalten) Skript- und
MehrLehrgang KompoZer Teil 1
KompoZer ist die Verbesserung von NVU, eines WYSIWYG-Programms zum Erstellen einer Homepage. WYSIWYG heißt (What You See - Is What You Get = Was du siehst, ist, was du bekommst). Es basiert auf html (Hypertext
MehrKennen, können, beherrschen lernen was gebraucht wird
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Einbinden von Grafiken... 2 Grafiken in den Text einbinden... 2 Grafikverweise... 2 Verweise auf Bilder in Unterverzeichnissen... 2 Verweise auf Bilder im darüber
MehrEinführung in HTML. Einführung in HTML. Listen. Gestaltungsmittel in HTML
Einführung in HTML Einführung in HTML Beschreibung zu HTML: http://de.selfhtml.org/html/index.htm HTML dient zur Strukturierung von Text. Ein HTML-Text besitzt folgenden typischen Aufbau:
MehrInternet und Webseiten-Gestaltung
Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 28. April 2004 Dipl.-Inf. T. Mättig 2004-04-28 Internet und Webseiten-Gestaltung - T. Mättig 1 Vorbemerkungen Dipl.-Inf. T. Mättig E-Mail:
Mehr(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.form.input 23.05.08 Seite 1 von 11
(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 1 von 11 window.document.input Objekt und seine Varianten beim Internet Explorer window.document.input Objekt
MehrPraxisbeispiel 01:18 Webformulare 07:39 Flexibles zweispaltiges Layout 05:24 Image-Replacement-Techniken 04:02
Einfach mehr können. HTML/CSS Einstieg für Anspruchsvolle Bonusmaterial Praxisbeispiel 01:18 Webformulare 07:39 Flexibles zweispaltiges Layout 05:24 Image-Replacement-Techniken 04:02 Inhaltsverzeichnis
MehrHTML und CSS. Eine kurze Einführung
HTML und CSS Eine kurze Einführung Begriff Markup Begriff aus Druckindustrie: Layouter fügt Anmerkungen/Markierungen (Tags) hinzu Markup-Languge (ML) = Auszeichnungssprache Beispiele a) das Wort wird fett
MehrProseminar: Website-Management-Systeme
Proseminar: Website-Management-Systeme Thema: Web: Apache/Roxen von Oliver Roeschke email: o_roesch@informatik.uni-kl.de Gliederung: 1.) kurze Einleitung 2.) Begriffsklärung 3.) Was ist ein Web? 4.) das
MehrErste Schritte in NVU
NVU (http://www.nvu-composer.de/) ist ein leicht zu bedienender HTML-Editor. Nach dem Start von NVU sieht der Bildschirm wie folgt aus: Lasse dich von dieser Anzeige nicht irritieren, es ist alles halb
MehrEinführung in HTML. Ich bin der Seiteninhalt
Einführung in HTML 1 Grundstruktur einer HTML-Seite HTML-Dateien sind reine Text-Dateien, dh sie können in einem beliebigen Editor geschrieben werden und müssen lediglich mit der Endung html versehen werden
MehrWeb-basierte Anwendungssysteme XHTML-Tabellen und Bilder
Web-basierte Anwendungssysteme XHTML-Tabellen und Bilder Prof. Dr. Sergej Alekseev (alekseev@fb2.fra-uas.de) Prof. Dr. Armin Lehmann (lehmann@e-technik.org) Fachbereich 2 Informatik und Ingenieurwissenschaften
MehrManual, Version 4.2c: Publikation von Medienmitteilungen auf bs.ch. http://obtreecms98.bs.ch/medienmitteilungen/mmadmin
Präsidialdepartement des Kantons Basel-Stadt Staatskanzlei Manual, Version 4.2c: Publikation von Medienmitteilungen auf bs.ch 1 Allgemeines...1 2 Formatierungen...3 3 Beilagen...6 4 Newsletter...7 1 Allgemeines
MehrAdOps Technische Spezifikationen
AdOps Technische Spezifikationen HTML5-Werbemittel (Desktop) Bei der Verwendung von Redirects müssen diese Spezifikationen nicht beachtet werden. Physische Anlieferung von HTML5-Werbemitteln + Trackings.
MehrBrowser Cache leeren. Google Chrome. Quelle: go4u.de Webdesign http://www.go4u.de/browser-cache-leeren.htm
Quelle: go4u.de Webdesign http://www.go4u.de/browser-cache-leeren.htm (Die Abschnitte: bei Safari - Bei iphones und ipads geht man folgendermaßen vor, und bei Chrome - Bei Android Smartphones oder Tablets
MehrECDL WebStarter Syllabus Version 1.0
EUROPÄISCHER COMPUTER FÜHRERSCHEIN ECDL WebStarter Syllabus Version 1.0 Copyright 2004 Österreichische Computer Gesellschaft. Alle Rechte vorbehalten The European Computer Driving Licence Foundation Ltd.
MehrVWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer. Kommunikation I (Internet) Übung HTML - Tabellen
VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer Kommunikation I (Internet) Übung HTML - Tabellen SS 2004 Inhaltsverzeichnis 1. HTML - Tabellen...1 1.1. Aufgabe 1 - Einfache Tabelle...1 1.2. Aufgabe 2 - Tabelle
Mehr