Was bedeutet Block-Element?

Slides:



Advertisements
Ähnliche Präsentationen
Einführung. Einführung Inhalt Einführung Architektur Vorlagen Blöcke Tabellen Listen Textformatierung Grafik und Farbe Buch-Erstellung.
Advertisements

XHTML+CSS C3O 2003.
Einführung in HTML (Hypertext Markup Language)
WML – Wireless Markup Language Vortrag von Eduard Jakel.
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
Internet und Webseiten-Gestaltung
Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung Dipl.-Inf. (FH) T. Mättig.
Layout-Modelle für Webseiten und Formulare Ein Überblick über Cascading Stylesheets und JGoodies Stephan Winter, 2004, PG WaviSp, AG-Kastens.
Markus Tank, Wie arbeitet man mit dem Rich Text Editor?
HTML Silla Plump, 2009.
HTML - Einführung Richard Göbel.
HTML - Eine erste Annäherung
TempaVoila Referent: Johannes Lenz. TemplaVoila Ist eine templating enginge Dient dazu eigene Templates (hauptsächlcih Designs) zu erstellen Wurde entwickelt.
Cascading Style Sheets
XHTML 1.1 C. Nimz Abstrakte Module XHTML 1.1 C. Nimz Was ist ein abstraktes Modul? Definition eines XHTML-Moduls in spezieller leichter.
Cascading Style Sheets
0 PDF-Dokumente und Screenreader Testergebnisse. 1 Referierende Carsten Albrecht INCOBS-Testdurchführung Heike Clauss INCOBS-Projektkoordination.
DVG3 - 15HTML1 HTML Vortrag: Jens Hoffmann
DVG Kommentare1 Kommentare. DVG Kommentare 2 Kommentare Es gibt zwei Arten von Kommentaren: einzeilige Kommentare // der Kommentar geht.
DVG Kommentare 1 Kommentare. 2 Kommentare Es gibt zwei Arten von Kommentaren: einzeilige Kommentare // der Kommentar geht bis zum Ende der Zeile.
Cascading Style Sheets CSS
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.
Angewandte Internettechnologien
Eine Bewerbung schreiben
In die erste Zeile jeweils Überschriften für die Spalten eingeben, z.B.: Dann in die Spalten die Daten eingeben! In die Spalte Bemerkung werden Daten.
Vukovic, Marbot, Fanton.
Befehle der ersten html-Stunde
HTML-Editor Phase 5 (Download )
Wird ganz am Anfang der HTML-Datei geschrieben Doctype html public bedeutet, dass man sich auf die Öffentlichkeit der html-dtd bezieht Html ist die meist.
Tutorium zur LV Online Research Ein Computerprogramm tut, was Du schreibst, nicht was Du willst.
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.
WAI konforme Seiten mit TYPO3 (Web Accessibility Initative) © Peter Luser 2005.
Gruppierungstest Text in der ersten Ebene –Bei Gruppierung von Text in der 1. Ebene –Werden alle Texte bis zur nächsten –Ersten Ebene auf einmal gezeigt.
HTML HyperText Markup Language Die Programmiersprache des WWW
Text einer HTML-Seite in Excel-Blatt kopieren
1 Konfiguration des Backends In TYPO3 kann man das Backend des Systems mittels Anweisungen verändern. Dies geschieht mittels TypoScript im Feld TSconfig.
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
CSS Stylesheets Projekt Vollpension Romi Klockau
Barrierefreies Webdesign Überarbeitung der Homepage
Auf ins Web!. Das World Wide Web 1990 in Genf am Hochenergieforschungszentrum CERN Ziele: neuer wissenschaftlicher Informationsaustausch über das Internet.
____________________________________________________________________________________________________________________________________________ Arbeit, Bildung.
Vortrag: Frames & Javascript.
Materialien zur Fortbildungsreihe C für die Informatik in SII
ÜBERSCHRIFTEN <H1> Überschrift 1 </H1>
Hypertext Markup Language
HTML Grundkurs Patrick Cato.
CSS Cascading Style Sheets
HTML Einführung.
Cascading Style Sheets
Cascading Stylesheets Staffelbare Formatvorlagen sind eine direkte Erweiterung von HTML und gestatten eine exaktere Gestaltung einer Webseite. Seit 1998.
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.
Abschlussprojekt.  Wahl eines beliebigen Themas (z.b. Hobby)  eigenständige Ausarbeitung des gewählten Themas in Form einer Website Abschlussprojekt.
HTML-Workshop: Tabellen
HTML und CSS.
Tabellen DAVID RUŽIĆ. Wie sehen Tabellen Codes aus? So: Hier beginnt die Tabelle (table row) erstellt eine Tabellenreihe (wagrecht) (table head) erstellt.
World Wide Web Internetdienst Besteht aus HTML-Seiten Hypertext Transfer Protocol Plattform- und Systemübergreifend Für CERN-Konferenz entwickelt (Übertragung.
CSS Float Sommerkurs: Frontend-Entwicklung für Webapplikationen
Grundstruktur einer HTML-Seite 1 Thema Die Grundstruktur einer HTML-Seite.
Förderverein Bürgernetz München Land e.V. Seite 1 von 16 Textverarbeitung-2016_06 © 2016–Günther Scheckeler Tel.: Inhalt 1 Bestandteile eines.
Was ist ein HTML-Dokument? - Ein WWW-Dokument, das mit anderen Dokumenten verknüpft ist. - Es kann beinhalten: Text, Bilder, Geräusche, Videos, Animationen,
Interaktives Präsentieren
Einführung Prof. Peter Altmann
 Präsentation transkript:

Was bedeutet Block-Element? Was bedeutet Block - Element? Was bedeutet Block - Element? Was bedeutet Block - Element?

Definition / Bedeutung Element zur Textstrukturierung Bereich Body-Daten Blockelement erzeugen einen eigenen Absatz im Textfluss

Definition / Bedeutung Kann enthalten: Normalen Text Inline-Elemente Andere Blockelemente

Elemente address | blockquote | center | del | dir | div | dl | fieldset | form | h1-6 | hr | ins | isindex | menu | noframes | noscript | ol | p | pre | table | ul SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Zitate und Adressen SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Listen SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Trennlinien

Typen Allgemeines Blockelement: Sie können mehrere Elemente wie Text, Grafiken, Tabellen usw., in einen gemeinsamen Bereich einschließen. Dieses allgemeine Element bewirkt nichts weiter als dass es in einer neuen Zeile des Fließtextes beginnt. Ansonsten hat es keine Eigenschaften. Es ist dazu gedacht, um mit Hilfe von CSS formatiert zu werden.

Beispiel <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Allgemeines Block-Element</title> </head> <body> <div align="center"> <h1>Alles zentriert</h1> <ul> <li>alles zentriert</li> <li>alles?</li> <li>alles!</li> </ul> </div> <div align="right"> <h1>Alles rechts am Rand</h1> <li>alles rechts am Rand</li> </body> </html>

Beispiel So sieht`s aus:

Typen Älteres Blockelement für zentrierte Bereiche: Sie können mehrere Absätze, bestehend aus ganz verschiedenen Elementen wie Text, Grafiken, Tabellen usw. gemeinsam zentriert ausrichten. Dieses Element ist jedoch als deprecated eingestuft. Es ist mittlerweile eigentlich überflüssig und sollte nur noch in begründeten Ausnahmefällen (z.B. Abwärtskompatibilität zu Netscape 1.1) benutzt werden.

Beispiel <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Älteres Block-Element für zentrierte Bereiche</title> </head> <body> <center> <h1>Zentrierter Kunsttext</h1> <pre>.:*A*:._.:*S*:._.:*C*:._.:*I*:._.:*I*:._.:*~*:._.:*A*:._.:*R*:._.:*T*:.</pre> </center> </body> </html>

Zentrierter Kunsttext Beispiel So sieht`s aus: Zentrierter Kunsttext .:*A*:._.:*S*:._.:*C*:._.:*I*:._.:*I*:._.:*~*:._.:*A*:._.:*R*:._.:*T*:.

Praktisches Beispiel: MAX & MORITZ

Danke für die Aufmerksamkeit und Mitarbeit!