HTML verwendet grundsätzlich den (amerikanischen) ASCII-Zeichensatz, der keine nationalen Sonderzeichen enthält.
|
|
- Lorenz Lang
- vor 7 Jahren
- Abrufe
Transkript
1 HTML-Grundlagen Eine Einführung in HTML für TG 11Teil 2
2 Nationale Sonderzeichen HTML verwendet grundsätzlich den (amerikanischen) ASCII-Zeichensatz, der keine nationalen Sonderzeichen enthält. Verwendet man dennoch nationale Sonderzeichen, wie deutsche Umlaute, so hängt es von Zielsystem ab, wie und ob diese angezeigt werden! Samstag, 7. August
3 ISO-Zeichensatz Mit Hilfe der ISO-Zeichensätze kann ein gesamtes HTML- Dokument auf einen spezifischen nationalen Zeichensatz eingestellt werden. Die Einstellung erfolgt im <head>-bereich des HTML-Dokuments. Samstag, 7. August
4 ISO-Zeichensätze <meta http-equiv="content-type" content="text/html; charset=iso "> Setzen des Zeichensatzes auf Westeuropäisch Zwischen text/html und charset und vor iso dürfen keine " stehen!!! Samstag, 7. August
5 ISO-Zeichensätze Latin1, ISO Latin2, ISO Latin3,ISO Latin4,ISO bis ISO Latin5,ISO Latin6,ISO westeuropäisch (Deutsch, Englisch, Französisch) slawisch (Polnisch, Rumänisch, Slowakisch) südeuropäisch (Esperanto, Maltesich, Türkisch) osteuropäisch (Baltisch, Bulgarisch, Russisch) Türkisch nordische Sprachen (Lappisch, Grönländisch) Samstag, 7. August
6 Übung 3.6 Ergänze den Zauberlehrling- Text um den Meta-Tag für "Deutsch" Füge dann eine Zeile mit Umlauten als neuen Absatz hinzu. Schaue dir das Ergebnis im Browser an. Samstag, 7. August
7 Übung 3.7 Schaue dir das Ergebnis in "Russisch" an, in dem du den Zeichensatz auf ISO stellst. Schaue dir das Ergebnis im Browser an. Samstag, 7. August
8 Entities Durch spezielle HTML-Codes können nationale Zeichen und andere Sonderzeichen eingestellt werden. &Sonderzeichencode; Samstag, 7. August
9 Deutsche Sonderzeichen HTML-Code ä ö ü ß Zeichen ä ö ü ß HTML-Code Ä Ö Ü Zeichen Ä Ö Ü Samstag, 7. August
10 Weitere Sonderzeichen HTML-Code Zeichen Erzw. Leerzeichen ± ± < < > > µ µ Samstag, 7. August
11 Übung 3.8 Bei eingestelltem russischem Zeichensatz ersetze die Umlaute durch Entities. Schaue dir das Ergebnis im Browser an. Samstag, 7. August
12 Horizontale Linien <hr> hr=horizontal rule Zeichnet eine horizontale Trennlinie Achtung: zu <hr> gibt es kein </hr> Attribut Bedeutung Standard width= Wert Breite der Linie 100% size= Wert Höhe der Linie 2 noshade ohne Schatten./. align= Art Ausrichtung center color= Wert Farbe der Linie gray Samstag, 7. August
13 Übung 3.9 Gliedere den Text (deutsch) mit Trennlinien zwischen den Absätzen. Experimentiere mit den Attributen Schaue dir das Ergebnis im Browser an. Samstag, 7. August
14 HTML-Grundlagen Kapitel 4: Listen
15 Aufzählungen <ul> <li>eintragstext</li>... </ul> Erstellt eine unsortierte Liste Jeder Eintrag der Liste muss dabei in <li>-tags eingeschlossen sein. Samstag, 7. August
16 Aufzählungen <ul type="art"> <li type="art"> Das type-attribut legt für die ganze Liste oder für einen Eintrag den Typ des Aufzählungszeichens fest. Mögliche Werte: disc (gefüllter Kreis - Standardwert) square (gefülltes Quadrat) circle (offener Kreis) Samstag, 7. August
17 Verschachtelte Aufzählungen Statt <li> kann innerhalb einer Aufzählung auch eine weitere Aufzählung mit <ul> gestartet werden. <ul> <li>eintrag 1</li> <li>eintrag 2</li> <ul> <li>eintrag 3</li>... </ul> <li>eintrag 4</li> </ul> Samstag, 7. August
18 Übung 4.1 Erstelle die im Browser gezeigte Aufzählung. Schaue dir das Ergebnis im Browser an. Samstag, 7. August
19 Nummerierte Listen <ol> <li>eintragstext</li>... </ol> Erstellt eine nummerierte Liste Jeder Eintrag der Liste muss dabei in <li>-tags eingeschlossen sein. Samstag, 7. August
20 Nummerierte Liste <ol type="art"> <li type="art"> Das type-attribut legt für die ganze Liste oder für einen Eintrag den Typ der Nummer fest. Mögliche Werte: 1: arabische Ziffern (1,2,3,4,5,...) A: Großbuchstaben (A,B,C,D,E,...) a: Kleinbuchstaben (a,b,c,d,e,...) I: große römische Ziffern (I,II,III,IV,V,...) i: kleine römische Ziffern (i,ii,iii,iv,v,...) Samstag, 7. August
21 Nummerierte Liste <ol start="wert"> Das start-atrribut legt den Startwert der nummerierten Liste fest. Z.B. beginnt <ol start="6" type="i"> mit dem Startwert VI,... Samstag, 7. August
22 Übung 4.2 Erstelle die im Browser gezeigte Aufzählung. Ändere die Typen in alle möglichen Varianten ab. Lasse die Liste mit der römischen Zahl XIV beginnen. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August
23 HTML-Grundlagen Kapitel 5: Grafiken
24 Einbinden von Grafiken <img src="url der Grafik"> Bindet eine Grafik ein. Der img-tag hat keinen End-Tag! Sofern keine vollständige URL angegeben wird, wird die Grafikdatei im gleichen Verzeichnis erwartet wie die HTML-Datei. Samstag, 7. August
25 Einbinden von Grafiken <img src="flasche.jpg"> Ein Beispiel zum Einbinden einer Grafik. der Grafiken Herdt Verlag Samstag, 7. August
26 Einbinden von Grafiken <img src="flasche.jpg"> Fehlt die Grafikdatei, wird ein Fehlerzeichen angezeigt. Samstag, 7. August
27 Alternativtext bei Grafiken <img src="url" alt="text"> Der Alternativtext wird angezeigt, wenn die Grafikanzeige ausgeschaltet ist oder die Grafik nicht angezeigt werden kann. Samstag, 7. August
28 Größenangaben bei Grafiken <img src="url" height="wert" width="wert"> Die Werte height und width geben die Höhe und die Breite der Grafik in Pixel an. Mit diesen Angaben kann der Browser HTML-Seiten i.d.r. schneller laden. Samstag, 7. August
29 Rahmen bei Grafiken <img src="url" border="wert"> Es wird ein Rahmen in der entsprechenden Pixelstärke um das Bild gezogen. Samstag, 7. August
30 Grafik und Beschriftung <img src="url" align="ausrichtung"> Mit dem align-attribut wird die Ausrichtung der Grafik zum nachfolgenden Text bestimmt. top: am oberen Bildrand middle: in der Bildmitte bottom: am unteren Bildrand Samstag, 7. August
31 Grafik und Beschriftung Mit align=texttop richten Sie den Beschriftungstext obenbündig zur Grafik aus, und zwar an der Oberkante des kleinsten folgenden Textes (texttop = oben am Text). Mit align=absmiddle richten Sie den Beschriftungstext absolut mittig zur Grafik aus, auch bei unterschiedlichen Textgrößen (absmiddle = absolute middle = in jedem Fall mittig). Mit align=absbottom richten Sie den Beschriftungstext untenbündig zur Grafik aus, und zwar an der Unterkante des kleinsten folgenden Textes (absbottom = absolute bottom = in jedem Fall untenbündig). Samstag, 7. August aus: Selfhtml von Stefan Münz
32 Grafik und Abstände <img src="url" hspace="wert" vspace="wert" align="left right"> Plaziert die Grafik mit umfließendem Text. Die hspace- und vspace-attribute bestimmen hierbei den Abstand der Grafik vom Text. Das align-attribut bestimmt, ob die Grafik rechts oder links vom Text steht. Samstag, 7. August
33 Grafikformate In HTML-Dateien sind nur drei Grafikformate erlaubt. Das dritte sogar erst seit der 4er-Generation der Browser. GIF JPG (JPEG) PNG Der Internet-Explorer zeigt jedes in den Registrierung angemeldete Grafikformat an (z.b. BMP), obwohl das keine Internet-Standards sind!!! Samstag, 7. August
34 Übung 5.1 Erstelle eine HTML mit einem Steckbrief von dir und deinem Nachbarn. Die Bilder werden mit der Digitalkamera aufgenommen. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August
35 HTML-Grundlagen Kapitel 6: Hyper-Links
36 Querverweis setzen <a href="url des Ziels"> Hyperlinkstext </a> Setzt einen Hyper-Link mit dem Text auf die URL des Ziels. Sofern keine vollständige URL angegeben wird, wird das Ziel im gleichen Verzeichnis erwartet wie die HTML-Datei, die es aufruft. Es können absolute und relative Pfade als URL gesetzt werden. Samstag, 7. August
37 Übung 6.1 Verlinke die beiden Steckbrief- Dateien miteinander, so dass sie sich gegenseitig aufrufen. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August
38 Zielfenster <a href="url" target="fenster">...</a> Das target-attribut bestimmt das Fenster, in dem die Zieldatei angezeigt wird. Mögliche Werte: "name": neues Fenster mit dem Namen name "_blank": öffnet ein neues unbenanntes Fenster "_parent": Anzeige im übergeordneten Fenster "_top": Anzeige ersetzt komplett den Browserinhalt "_self": Anzeige im gleichen Fenster (Voreinstellung) Samstag, 7. August
39 Übung 6.2 Probiere bei den Hyperlinks zwischen den beiden Steckbriefen die Varianten des target-attributs aus. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August
40 Anker <a name="ankername"> Text des Sprungziels </a> Definieren eines Sprungziels. <a name="kap1">kapitel 1</a> Samstag, 7. August
41 Auf Anker verweisen <a href="url#ankername">...</a> <a href="#ankername">...</a> Anspringen des Ankes in einer fremden URL oder innerhalb der gleichen Datei. <a href="#kap1">zu Kapitel 1</a> <a href="test.htm#kap1">zu Kapitel 1</a> Samstag, 7. August
42 Übung 6.3 Setze einen Anker beim zweiten Wort des zweiten Absatzes des Zauberlehrling-Textes und verweise darauf. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August
43 Verweis auf -Adresse <a href="mailto:adresse"> Hyperlinktext </a> Verweist auf die -Adresse, so dass automatisch der Mail-Client geöffnet wird mit dieser Mailadresse. <a Maile an Micky </a> Samstag, 7. August
44 Optionen für s <a href="mailto:adresse?subject=betreff"> Hyperlinktext </a> Setzt die Betreffzeile im -Client. <a Maile an Micky </a> Samstag, 7. August
45 Optionen für s <a href="mailto:adresse?cc=adresse"> Hyperlinktext </a> Setzt eine cc-adresse im -Client. <a Maile an Micky & an Donald </a> Samstag, 7. August
46 Übung 6.4 Ergänze die Steckbriefe um Links zu dem jeweiligen Mailadressen. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August
47 Grafik als Hyper-Link <a href="url"> <img src="linkgrafik"> </a> Setzt einen Grafik-Link statt einem Textlink <a href="test.htm"><img src="test.gif"> </a> Samstag, 7. August
48 Übung 6.5 Benutze eine verkleinerte Darstellung des Bildes (60x60 Pixel) als Link zur anderen Steckbrief-Datei. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August
49 Linkfarben ändern <body link="farbe" vlink="farbe" alink="farbe"> Setzt die Linkfarbe, die Farbe besuchter Links und die Farbe aktiver Links für das Dokument neu. <body link="red" vlink="fuchsia" alink="yellow"> Samstag, 7. August
50 Weitere Farben ändern <body bgcolor="farbe" text="farbe"> Ändert die Hintergrundfarbe und die Textfarbe des HTML-Dokuments. <body bgcolor="black" text="white"> Samstag, 7. August
51 Übung 6.6 Verändere die Farben des HTML- Dokuments einschl. der Linkfarben. Schaue dir die Ergebnisse im Browser an. Samstag, 7. August
Die 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
MehrBefehle zur physischen Formatierung
Befehle zur physischen Formatierung Fett: ... Kursiv: ... Unterstrichen: Schreibmaschineneffekt: Durchstreichen: ... ... ... Vergrößerter Text: ...
MehrWorkshop Mit Bildern und Links arbeiten. 3.1 Auf der CD-ROM... Das eigene Web mit HTML, CSS und JavaScript ISBN
Workshop 3 Das eigene Web mit HTML, CSS und JavaScript ISBN 3-8272-6306-9 3.0 Mit Bildern und Links arbeiten Wenn man danach fragt, was das World Wide Web ausmacht, erhält man viele verschiedene Antworten.
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
MehrÜbung zur Vorlesung Digitale Medien. Hanna Schneider Ludwig-Maximilians-Universität München Wintersemester 2014/2015
Übung zur Vorlesung Digitale Medien Hanna Schneider Ludwig-Maximilians-Universität München Wintersemester 2014/2015 1 Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält die Struktur
MehrInhalt HTML 2. Applets Frames Formulare CSS cascading style sheets. Lehrveranstaltung Internet in AT Dr.-Ing. A. Braune TECHNISCHE UNIVERSITÄT DRESDEN
Inhalt HTML 2 Applets Frames Formulare CSS cascading style sheets SS 06 1 Applets Das Applet Java Applets sind kleine Java-Programme mit deren Hilfe aktive Webseiten erstellt werden können. werden mit
MehrHTML - Grundbegriffe. Informatik 1 für Nebenfachstudierende Grundmodul. Kai-Steffen Hielscher Folienversion: 23. November 2016
Informatik 1 für Nebenfachstudierende Grundmodul HTML - Grundbegriffe Kai-Steffen Hielscher Folienversion: 23. November 2016 Informatik 7 Rechnernetze und Kommunikationssysteme Inhaltsübersicht Kapitel
MehrKennen, können, beherrschen lernen was gebraucht wird
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Zeichen formatieren... 1 Physische Formatierungen... 1 Zitate auszeichnen... 2 Schrift ändern... 2 Die Schriftgröße einstellen... 2 Die Schriftart einstellen...
MehrKommentare <! Dies ist ein Kommentar > Zum Kommentieren von Inhalten oder Befehlen. Wird im Browser nicht angezeigt.
HTML Grundgerüst titel der Seite Inhalt der Datei Innerhalb des Dateikopfes einen aussagekräftigen Titel vergeben! Den gesamten sichtbaren Inhalt
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,
MehrGrundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) <!DOCTYPE HTML> <html> <head>
Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) name Ihres HTML-Dokumentes
MehrGrundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) <!doctype html> <html lang="de"> <head>
Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) name Ihres HTML-Dokumentes
MehrEinbinden von Grafiken
Einbinden von Grafiken Tag bindet Grafik in HTML-Dokument ein Attribut src gibt Dateinamen an, in die die Grafik eingebunden werden soll Beispiel: 6. Grafiken 1 Grafikverweise Grafik kann nur geöffnet
MehrHTML - Die Sprache des Internets. Grundlagen und Kurzprojekt
- Die Sprache des Internets Grundlagen und Kurzprojekt aus der Presse: Definition : Hypertext Markup Language Sprache des WWW definiert: Text- und Absatzformate Links Bild- und Tonelemente Farben offener
MehrHTML & CSS. GIMP > Bild > Bild skalieren Unter diesem Menüpunkt kannst du die Bildgröße verändern. Beachte die Bildproportionen
Übung 1 HTML & CSS Bildbearbeitung in Hinblick auf HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.jpg Lehrziel: Bilder auf Ansichtsbasis
Mehr1 Einführung Die Sprachen HTML und XHTML Struktur einer HTML Seite Webseiten speichern... 2
HTML GRUNDLAGEN 1 Einführung.. 1 2 Die Sprachen HTML und XHTML. 1 3 Struktur einer HTML Seite 1 4 Webseiten speichern.. 2 5 Elemente für die Seitenstruktur 2 6 Seiten und Inhalte verlinken. 4 7 Sonderzeichen
MehrCSS-Klassen am Beispiel von List-Definitionen
CSS-Klassen am Beispiel von List-Definitionen Jobst-Hartmut Lüddecke 10. Oktober 2011 Zusammenfassung Es werden verschiedene CSS-Definitionen für den Tag vorgestellt. Diese CSS-Definitionen sollten
MehrHTML: Text und Textstruktur mit CSS gestalten
Tutorium HTML: Text und Textstruktur mit CSS gestalten Martin Stricker martin.stricker@rz.hu-berlin.de 23. Juni 2004 Schriftarten und generische Schriftfamilien Schriftarten werden mit font-family definiert
MehrInformatik 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.
MehrRichtlinien für das Design der KML Webseite. KML TP2, Informationsdienste
Richtlinien für das Design der KML Webseite KML TP2, Informationsdienste Inhaltsverzeichnis 1. Einleitung...1 2. Textgestaltung...1 2.1. Absätze...1 2.2. Überschriften...2 2.3. Grafiken...2 3. Besondere
MehrErgänzungen zum HTML - Grundkurs
Ergänzungen zum HTML - Grundkurs Ein HTML - Dokument besteht grundsätzlich aus zwei Teilen; HEADER (Kopf, enthält allg. Angaben zu Titel und ähnlich) BODY (Körper, enthält den eigentlichen Text mit Überschriften,
MehrANWENDUNGSSOFTWARE CSS
ANWENDUNGSSOFTWARE CSS NAVIGATION Bilder zur Navigation: als Anker für Verweise benutzen Text sollte nicht Bestandteil des Bildes sein (Bild als Hintergrund), siehe z-index Navigationslisten mit ,
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
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
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
MehrWebdesign im Tourismus
Übung Prof. Dr. Markus Landvogt Zur Vorlesung 2.3. Feinheiten in Jimdo 2.4. HTML in Jimdo 03 HTML - GRUNDLAGEN DER ERSTELLUNG VON WEBSEITEN 3.1 Aufbau einer Seite in HTML 3.2 HTML in Jimdo WEB 03 1 2.3.
MehrHTML5 & SCC3. PC-Treff-BB VHS Aidlingen. Lothar R. Krukowski. Ein Überblick
HTML5 & SCC3 Ein Überblick 13.10.201 Agenda Neue Strategie HTML5 CSS3 Besonderheiten Anwendungen Beispiele - ( how to start? ) Literatur Neue Strategie Letzte Version von HTML und CSS HTML5 Erstellen der
MehrSeminar DWMX DW Session 002
Seminar DWMX 2004 DW Session 002 Mit Dreamweaver starten (1) Coder oder Designer eine Frage der Einstellung Bearbeiten/Voreinstellungen Kategorie Allgemein Arbeitsbereich ändern Bedienfelder und Bedienfeldgruppen
Mehr12. Jgst. 3. Kursarbeit Datum: Fach: Informationsverarbeitung (Leistungskurs) & )!!*+,!- -.!-
12. Jgst. 3. Kursarbeit Datum: 26.03.2007 Klasse: GY 05 c Fach: Informationsverarbeitung (Leistungskurs) Themen: XHTML; CSS Name: Bitte speichern Sie Ihre Ergebnisse regelmäßig. Punkte:!" # Note: 8 $ %!&'(
MehrAllgemeine Technologien II Wintersemester 2011 / November 2011 CSS
Allgemeine Technologien II Wintersemester 2011 / 2012 28. November 2011 CSS Themen 28.11.2011 Cascading Style Sheets CSS CSS einbinden Inline-Styles CSS im Dokumentkopf Externe Stylesheets Konzepte Typen-,
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
MehrWie lege ich eine neue Standardseite an?
Referat VI.5 Internetdienste Wie lege ich eine neue Standardseite an? Legen Sie einen neuen Ordner an Klicken Sie den Ordner an, unter dem Sie die neue Standardseite anlegen möchten. Legen Sie über Datei
Mehr3. Nummerierung von Überschriften
3. Nummerierung von Überschriften Nachdem Sie Formatvorlagen für die Überschriften festgelegt haben, fehlt den Überschriften jetzt noch eine Nummerierung. 3.1. Nummerierung auswählen Setzen Sie den Cursor
MehrInhalt. 1 Mit CSS beginnen 1. 2 Textauszeichnungen und andere Grundlagen 13
D3kjd3Di38lk323nnm xiii 1 Mit CSS beginnen 1 1.1 Formate definieren mit CSS......................... 1 1.1.1 lnline-formate............................. 3 1.1.2 Eingebettete Formate........................
MehrInhaltsverzeichnis. Florian Bauer CSS Seite 2 von 10
CSS Inhaltsverzeichnis Gestaltung mit CSS... 3 CSS einbinden... 3 On the fly... 3 Im Header... 3 In einer externen Datei... 3 Aufbau einer CSS Anweisung... 4 Wichtige CSS Eigenschaften... 4 Pseudoelemente...
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
MehrVariante C - Wie gestalte ich den Bild- und Textslider mit Content-Boxen?
Online-Tutorials Referat VI.5 Internetdienste Variante C - Wie gestalte ich den Bild- und Textslider mit Content-Boxen? Wofür eignet sich die Variante C? Größeres Bild Die Variante C bietet Ihnen mit den
MehrKennen, können, beherrschen lernen was gebraucht wird
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Tags (Befehle)... 1 Erste Texte im Browser... 2 Das HTML Grundgerüst... 2 Ihre erste echte Webseite... 2 Texte... 3 Textabsatz und Zeilenumbruch... 3 Einen Zeilenumbruch
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
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
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
MehrÜbung: Bootstrap - Navbar
Übung: Bootstrap - Navbar Angaben befinden sich im Ordner: 5_Übung_nav. Darin befinden sich die Bootstrap-Ordner und die dazu passende index.html, die bereits die Links zu den Ordnern enthält. Aufgabe:
Mehrrealschule.htm gymnasium.htm index.htm <html> <head> <title>schularten in Bayern</title> </head> <body text="orange"> <body bgcolor="gray">
HTML-Tags Beschreibung HTML-Tags Beispiel Textverarbeitungs- Programm Windows-Editor, z. B. Notepad. Grundstruktur (Mindestanforderung) (nur mit Body-Tag) Hintergrundgrafik Speichern unter + *.htm (.htm
MehrDML Befehl: UPDATE II
HTML HTML-Datei HTML-Datei: Textdatei, die tags enthält Die Tags zeigen dem Webbrowser an, wie die Seite anzuzeigen ist Eine HTML Datei muss eine htm oder html Endung haben Eine HTML Datei kann man mit
MehrKennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Grundlagen... 2 Hyperlinks innerhalb einer Datei... 2 Verweisziel definieren... 2 Einen Querverweis setzen... 3 Verschiedene Arten von Hyperlinks... 3 Einfache
MehrEin Link auf ein PDF-Dokument <a href= > Zusammenfassung zum </a>
Links und Navigation In einem Buch kommt man von einer zur nächsten Seite durch Umblättern. Im Internet übernehmen diese Aufgabe die Hyperlinks. Im Gegensatz zum Buch können Hyperlinks auf jede beliebige
MehrHTML Kurs für Anfänger. alfabm
HTML Kurs für Anfänger alfabm 2011 1 Das Grundgerüst einer HTML Seite Jede HTML-Seite sollte mindestens folgendes Grundgerüst besitzen: Dies ist der einleitende Tag, der dem Browser darauf hinweist,
MehrHTML-Grundlagen. Die Layout- und Formatierungsanweisungen heißen Tags, z.b.
HTML-Grundlagen HTML (Hypertext Markup Language) -Dokumente sind einfache Textdateien, die neben dem eigentlichen Text zusätzliche Anweisungen enthalten, wie das Dokument von einem Browser auf dem Bildschirm
MehrVariante F- Wie gestalte ich Bilderstrecke, Hauptinhalt und Content-Boxen?
Online-Tutorials Referat VI.5 Internetdienste Variante F- Wie gestalte ich Bilderstrecke, Hauptinhalt und Content-Boxen? Wofür eignet sich die Variante F? Größeres Bild Stellen Sie in den Content-Boxen
MehrManual Constructor Seite 1 von 27
Inhaltsverzeichnis 1 Überblick...2 2 Start der Anwendung...3 3 Neues Editor Fenster öffnen...4 4 Neues Editor Fenster verwenden...5 1 Befehlsleiste Commands...6 2 Befehlsleiste Font Look...7 3 Textbearbeitung...8
MehrÜbung zur Vorlesung. Digitale Medien. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid, Hanna Schneider
Übung zur Vorlesung Digitale Medien Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid, Hanna Schneider Wintersemester 2015/16 Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält
MehrDigitale Medien. Übung
Digitale Medien Übung Pfadangaben Pfadangaben sind relevant für Bilder, Verweise, Medienobjekte per URL: Protokoll : / lokalernetzwerkname / Hostname : Port / Pfad http://www.mimuc.de/ http:/arbeitsgruppe/www.mimuc.de:8080
MehrDie Zeile, in das Foto angegeben wird, heißt dann z. B. <a href="grafik/fotos/foto1.jpg"><img src="grafik/fotos/foto1_kl.
7.1 Vorschaugrafiken verwenden Der Aufbau einer Seite geht schneller vonstatten, wenn man zunächst kleinere Vorschaugrafiken verwendet, die erst bei Bedarf auf die richtige Größe gebracht werden. Der Befehl
Mehr1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände...
CSS GRUNDLAGEN 1 Definition der Selektoren... 2 2 Einbinden der CSS 3 Möglichkeiten... 2 3 Farbangaben... 4 4 Schriftformatierung... 4 5 Abstände... 4 6 Box Modell... 5 7 Links... 5 8 Eigene Klasse definieren...
MehrDigitale Medien. Übung zur Vorlesung. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid
Übung zur Vorlesung Digitale Medien Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid Wintersemester 2016/17 Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält die Struktur eines
MehrHTML Spielend gelingt die Website
HTML Spielend gelingt die Website TOBIAS HAUSER CHRISTIAN WENZ HTML - PDF HTML - Spielend gelingt die Website Impressum Liebe Leserin, lieber Leser! 9 Wir legen los 11 Was ist HTML? 12 Browser 14 Editoren
MehrBedienfelder. Bedienfeld Einfügen
DER DREAMWEAVER BILDSCHIRM: Titelleiste Menüleiste Symbolleiste Bedienfelder Eigenschafteninspektor Statuszeile Bedienfeld Einfügen DAS DOKUMENTFENSTER: DER EIGENSCHAFTENINSPEKTOR: Der Eigenschafteninspektor
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,
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
MehrFormatierungsmöglichkeiten
Formatierungsmöglichkeiten Text, den Sie in ein Formularfeld eingeben, können Sie auf vielfältige Weise formatieren. Das kann insbesondere beim Erstellen von Materialien sinnvoll sein, aber auch, um z.b.
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
MehrBFWcms RT-Editor Handbuch
BFWcms RT-Editor Handbuch Letzte Aktualisierung: 26. Juni 2006, P. Preier, IKT BFWcms RT-Editor Inhaltsverzeichnis Editor starten...3 1. Vertikale Menübar...3 1.1. Speichern...4 1.2. Beenden...4 1.3. Neu
MehrWie lege ich eine neue Person an?
Referat VI.5 Internetdienste Wie lege ich eine neue Person an? Legen Sie einen neuen Ordner an Klicken Sie im Ordner "Personen" die Kategorie an, in der Sie eine neue Person anlegen möchten. Legen Sie
MehrGrundlagen-Beispiel CSS
Grundlagen-Beispiel CSS Öffne im Ordner 2.css.uebung die vorhanden Dateien index.html und erstelle eine neue CSS-Datei mit dem Namen bildschirm.css. Füge im Bereich folgende Verlinkung ein:
MehrE-Mail- Viren (Würmer) Internet und Webseiten-Gestaltung. Vorlesungsinhalte
E-Mail- Viren (Würmer) Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 2005-04-29 Dipl.-Inf. (FH) T. Mättig Neue Tricks der Viren-Programmierer: E-Mails mit Absender Immatrikulationsamt
Mehr3 Textformatierung. 3.1 Überschriften und einfache Formatierungen HTML. Textformatierung
3 Texte sind ein zentraler Bestandteil von HTML. Wie in Textverarbeitungsprogrammen können auch HTML-Texte formatiert werden. Neben Überschriften und den einfachen Formatiermöglichkeiten wie Kursivschrift,
MehrHyperTextMarkupLanguage
HyperTextMarkupLanguage 1) Die eigene Web-Seite in 10 Minuten 1.1 Welche Programme braucht man? Editor (aus dem Menü Zubehör) 1.2 Erstellen eines Grundgerüstes: Steueranweisungen in HTML: sogen. Tag :
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
MehrALLGEMEINES WOMIT KANN ICH WEBSITES ERSTELLEN?
HTML AG INHALT Allgemeines... 2 Womit kann ich Websites erstellen?... 2 Grundgerüst von HTML... 3 Tags und Attribute... 3 Links... 4 Links auf andere Seiten... 4 Bilder... 5 meta-tags... 5 Webseiten mit
MehrKEN, DTP, 07/ Produktion
KEN, DTP, 07/08 32 Produktion Siteverwaltung «Online» Siteverwaltung «Lokal» Sitestruktur Sämtliche Dateien einer (html, jpg, css), die am Ende der Produktion ins Internet gestellt werden, müssen in einem
MehrV by WBR1/BFH-TI 2011 by MOU2/BFH-TI
Java-Applets Unterlagen zum Modul OOP mit Java V 3.0 2007 by WBR1/BFH-TI 2011 by MOU2/BFH-TI Java-Applets V3.0 2011 by WBR1&MOU2/BFH- TI Lernziele Die Kursteilnehmer sind in der Lage: Möglichkeiten und
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
Mehr<html> <head> <title> Die Welt der Bäume </title> </head> <body> Hier ensteht eine Seite über Bäume. </body> </html> Abb. 2
Dieser html-kurs soll die Informatik-SchülerInnen meines Info-Kurses auf den Info-Quali vorbereiten. Das Werkzeug html soll einen in die Lage versetzten, die Programmierung von Web-Seiten zu verstehen
MehrInterne Verweise = Links innerhalb eines Homepage-Projekts
Allgemeines zu Verweisen Verweise sind ein entscheidender Bestandteil jedes Hypertext-Projekts und der "intelligente Mehrwert" des World Wide Web. Mit Hilfe von Verweisen strukturieren Sie Ihr Projekt!
MehrAuszeichnungssprachen
Auszeichnungssprachen HTML Was ist HTML? HTML - HyperText Markup Landguage (Dt. Hypertext Auszeichnungssprache). HTML ist die Sprache, mit der WWW-Seiten definiert werden und die die Struktur, den Inhalt
MehrEine Linkliste in Word anlegen und zur Startseite des Browsers machen
Eine Linkliste in Word anlegen und zur Startseite des Browsers machen In dieser Anleitung wird beschrieben, wie man mit Word eine kommentierte Linkliste erstellt und diese im Internet Explorer bzw. in
MehrDer Rumpf. Titel Seite 3
Grundzüge des Web-Designs Es gibt verschiedene Elemente der Darstellung, die im Design immer wieder vorkommen Diese sind z.b. Textblöcke, Bilder, Überschriften, Absätze etc. Titel Seite 1 Diese Elemente
MehrWirtschaftsinformatik. Übung
Wirtschaftsinformatik Übung Suche nach festem Programm Start des Betriebssystems und Erkennen der angeschlossenen Geräte Zugriff auf die Festplatte via dem Betriebssystem Arbeit mit einem Betriebssystem
MehrPresseBox Presseticker
PresseBox Presseticker Version 1.0 letzte Aktualisierung: 09.04.2013 2013 unn UNITED NEWS NETWORK GmbH, Karlsruhe Inhaltsverzeichnis Einführung... 3 Standard-Ticker... 3 Flying-Ticker... 3 Extended-Ticker...
MehrAuf einer Seite werden maximal 10 Einträge angezeigt. Sind viele Einträge vorhanden, werden diese auf mehrere Seiten aufgeteilt.
Die Seitenverwaltung Mit einem Klick auf den Link Seitenverwaltung in der Navigationsleiste auf der linken Seite gelangen Sie zur Übersicht der Einträge in der Seitenverwaltung. Übersicht Auf einer Seite
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
MehrHTML Tutorial Part I - Einführung und erste Texte schreiben
HTML Tutorial Part I - Einführung und erste Texte schreiben Hallo und Herzlich Willkommen auf meiner Seite. Hier dreht sich alles um das Thema HTLML Programmierung. Das ganze beginnt bei den einfachsten
MehrHTML- Editor Phase5. Dieser Einstieg ist für absolute HTML-Neulinge gedacht, die weder den Editor Phase5 selbst, noch HTML kennen.
Quelle: http://www.clairette.de/tutorial/index.html http://www.meybohm.de Phase5 Editor Der Einstieg Dieser Einstieg ist für absolute HTML-Neulinge gedacht, die weder den Editor Phase5 selbst, noch HTML
MehrLange Texte formatieren
Lange Texte formatieren Bearbeiten Sie die Aufgabe Schritt für Schritt. Anleitungen und Hinweise finden Sie in diesem Dokument weiter unten, klicken Sie einfach auf die entsprechenden Kapitelnummern. Aufgabe
MehrWie lege ich eine neue Person an?
Referat VI.5 Internetdienste Wie lege ich eine neue Person an? Legen Sie einen neuen Ordner an Klicken Sie im Ordner "Personen" die Kategorie an, in der Sie eine neue Person anlegen möchten. Legen Sie
MehrStichpunkte zum Aufbau einer HTML-Website
Stichpunkte zum Aufbau einer HTML-Website Aufbau eines HTML-Dokumentes: HTML = Hyper Text Markup Language Texteditor zur Befehlseingabe oder im Browser (MIE) Ansicht Quellcode Tags = HTML-Befehle - immer
MehrLange Texte formatieren
Lange Texte formatieren Aufgabe 1. Öffnen Sie das Dokument LangerText.docx. 2. Weisen Sie dem Titel und den Überschriften geeignete Formatvorlagen zu. Lassen Sie danach automatisch ein Inhaltsverzeichnis
Mehr1. Übung IT-Management HTML, CSS und JavaScript Teil 2. Einführung, , PC Pool
1. Übung IT-Management HTML, CSS und JavaScript Teil 2 Einführung, 26.04.2017, PC Pool Stand und Ausblick Einführung: 26.04.2017, 16.00 Uhr (c.t.), PC Pool Übung: 03.05.2017, 16.00 Uhr, PC Pool Übung:
MehrDer CSS-Problemlöser
Rachel Andrew Der CSS-Problemlöser Über 100 Lösungen für Cascading Stylesheets 2., überarbeitete und aktualisierte Auflage «j dpunkt.verlag Inhalt 1 Mit CSS beginnen 1 1.1 Formate definieren mit CSS 1
MehrTutorial zum erstellen einer Webseite
Tutorial zum erstellen einer Webseite 2. Teil das Aussehen mit CSS bestimmen Vorbereitungen: Die HTML Grundlage anpassen, Änderungen sind fett geschrieben. Ab sofort werden wir mit zwei Dateien arbeiten,
MehrVariante B - Wie gestalte ich den Bild- und Textslider mit Hauptinhalt?
Online-Tutorials Referat VI.5 Internetdienste Variante B - Wie gestalte ich den Bild- und Textslider mit Hauptinhalt? Wofür eignet sich die Variante B? Größeres Bild Mit der Variante B können Sie Bilder
MehrUmsetzen einer skalierbaren horizontalen Navigation:
Umsetzen einer skalierbaren horizontalen Navigation: Erstelle im Dreamweaver eine neue HTML - Datei (navigation.html) und eine CSS Datei (navigation.css). Die Struktur dieser Navigation soll auf einer
MehrWas ist ein Frame? Frames teilen Browser-Fenster in rechteckige Bereiche. Mehrere Web-Seiten können. Web-Seite wird langsamer geladen
Was ist ein Frame? Frames teilen Browser-Fenster in rechteckige Bereiche. Mehrere Web-Seiten können gleichzeitig angezeigt werden unabhängig voneinander gesteuert werden Web-Seite wird langsamer geladen
MehrAufbau einer Tabelle
Aufbau einer Tabelle : leitet Tabelle ein border="wert": legt Umrandung fest : beendet die Tabelle : definiert eine Zeile : definiert eine Zelle Beispiel: dies
MehrHyper. Text. Markup. Language
Hyper Text Markup Language Dateiname und-endung Wir schreiben mit dem Editor eine HTML-Quelldatei, diese endet immer auf Punkt html, also beispielsweise: hello-world.html Wir verwenden in unseren Dateinamen
MehrE-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 3: Webdesign mit CSS Stand: Übung WS 2015/2016. Benedikt Schumm M.Sc.
Übung WS 2015/2016 E-Commerce: IT-Werkzeuge Web-Programmierung Kapitel 3: Stand: 30.10.2015 Benedikt Schumm M.Sc. Lehrstuhl für ABWL und Wirtschaftsinformatik Katholische Universität Eichstätt-Ingolstadt
MehrFachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer. Thema Inhalte/Umsetzung Programme Lehrplanbezug.
Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer Thema Grundlagen der Erstellung von Webseiten Maximalplan 1 Was man wissen sollten 2 Die erste Webseite mit HTML erstellen
MehrWebseiten-Bericht für crimenetwork.biz
Webseiten-Bericht für crimenetwork.biz Generiert am 19 Mai 2019 17:43 PM mögliche Punkte: 52 von 100 Seitentitel Just a moment... Länge : 16 Perfekt, denn Ihr Seitentitel enthält zwischen 10 und 70 Anzahl
MehrWie lege ich einen Baukasten mit Bild- und Textslider an?
Referat VI.5 Internetdienste Wie lege ich einen Baukasten mit Bild- und Textslider an? Legen Sie einen neuen Baukasten an Klicken Sie auf den Ordner, unter dem Sie den Baukasten anlegen möchten. Wählen
Mehr