Wolf, Jürgen: HTML und CSS

Technik, Computer & Digitalfotografie / Programmierung & Webdesign / HTML & Webdesign

Susann Pásztor liest aus VON HIER AUS WEITER
25.03.2025 um 19:30 Uhr

HTML und CSS
Das umfassende Handbuch zum Lernen und Nachschlagen. Inkl. JavaScript, Responsive Webdesign, React und Angular u. v. m.
von Jürgen Wolf
Verlag: Rheinwerk Verlag GmbH Kontaktdaten
Reihe: Rheinwerk Computing
Gebundene Ausgabe
ISBN: 978-3-8362-9728-8
Auflage: 5. Auflage
Erschienen am 04.08.2023
Sprache: Deutsch
Format: 244 mm [H] x 203 mm [B] x 66 mm [T]
Gewicht: 2424 Gramm
Umfang: 1124 Seiten

Preis: 49,⁹⁰ €
keine Versandkosten (Inland)

Jetzt bestellen und schon ab dem 22. Februar in der Buchhandlung abholen

Der Versand innerhalb der Stadt erfolgt in Regel am gleichen Tag.
Der Versand nach außerhalb dauert mit Post/DHL meistens 1-2 Tage.

49,⁹⁰ €

merken

zum E-Book (EPUB) 49,⁹⁰ €

klimaneutral

Der Verlag produziert nach eigener Angabe noch nicht klimaneutral bzw. kompensiert die CO2-Emissionen aus der Produktion nicht. Daher übernehmen wir diese Kompensation durch finanzielle Förderung entsprechender Projekte. Mehr Details finden Sie in unserer Klimabilanz.

Inhaltsverzeichnis

Biografische Anmerkung

Klappentext

  Materialien zum Buch ... 29
  Vorwort ... 31
  1.  Einführung in das HTML-Universum ... 37
       1.1 ... Ist dieses Buch überhaupt etwas für mich? ... 37
       1.2 ... Die verschiedenen Typen von Websites ... 38
       1.3 ... Dynamische und statische Websites ... 42
       1.4 ... Sprachen für die Gestaltung und Entwicklung im Web ... 46
       1.5 ... Was brauche ich, um hier anzufangen? ... 50
       1.6 ... Verwendete Konventionen im Buch ... 59
       1.7 ... Zusammenfassung ... 59
  2.  Grundlegender Aufbau von HTML(-Dokumenten) ... 61
       2.1 ... Syntax und Aufbau von HTML(-Dokumenten) ... 61
       2.2 ... Ein einfaches HTML-Dokument-Grundgerüst ... 72
       2.3 ... Zusammenfassung ... 75
  3.  Die Kopfdaten eines HTML-Dokuments ... 77
       3.1 ... Die HTML-Elemente für den Kopf in der Übersicht ... 77
       3.2 ... ><br>        3.3 ... Exkurs: Namenskonvention und Referenzierung ... 80<br>        3.4 ... Die Basis-URL einer Webseite mit <br>        3.5 ... Beziehung zu einem externen Dokument mit <br>        3.6 ... Dokumentglobale CSS-Stile mit <br>        3.7 ... Skripte in Webseiten einbinden mit <br>        3.8 ... Metainformationen für das Dokument mit <br>        3.9 ... Zusammenfassung ... 103<br> <strong>  4.  Der sichtbare Bereich eines HTML-Dokuments ... 105</strong><br>       4.1 ... HTML-Elemente für Seitenstrukturierung ... 106<br>        4.2 ... HTML-Elemente für Textstrukturierung ... 117<br>        4.3 ... HTML-Elemente für Textauszeichnungen ... 132<br>        4.4 ... HTML und die Semantik ... 152<br>        4.5 ... Barrierearmes Webdesign mit WAI-ARIA ... 154<br>        4.6 ... Exkurs: Zeichencodierung ... 158<br>        4.7 ... Zeichenentitäten in HTML ... 160<br>        4.8 ... Zusammenfassung ... 162<br> <strong>  5.  Tabellen und Hyperlinks ... 163</strong><br>       5.1 ... Daten in einer Tabelle strukturieren ... 163<br>        5.2 ... 'Elektronische' Verweise aka Hyperlinks mit <br>        5.3 ... Zusammenfassung ... 191<br> <strong>  6.  Grafiken und Multimedia ... 193</strong><br>       6.1 ... Bilder für das Web ... 194<br>        6.2 ... Bilder mit <br>        6.3 ... Das passende Bild mit <br>        6.4 ... Ein Icon für die Website hinzufügen (Favicon) ... 216<br>        6.5 ... Vektorgrafiken in HTML-Dokumenten verwenden ... 218<br>        6.6 ... Grafiken zeichnen mit <br>        6.7 ... Videos mit dem HTML-Element <br>        6.8 ... Audiodateien mit dem HTML-Element <br>        6.9 ... Andere aktive Inhalte einbinden ... 234<br>        6.10 ... Zusammenfassung ... 238<br> <strong>  7.  HTML-Formulare und interaktive Elemente ... 239</strong><br>       7.1 ... Einen Bereich für Formulare definieren ... 240<br>        7.2 ... Die HTML-Eingabefelder für Formulare ... 242<br>        7.3 ... Spezielle Typen von Eingabefeldern ... 250<br>        7.4 ... Die HTML-Attribute für Eingabefelder ... 257<br>        7.5 ... Weitere nützliche Helferlein für Eingabefelder ... 263<br>        7.6 ... Formulardaten mit PHP versenden ... 267<br>        7.7 ... Interaktive HTML-Elemente ... 274<br>        7.8 ... Zusammenfassung ... 277<br> <strong>  8.  Einführung in Cascading Stylesheets (CSS) ... 279</strong><br>       8.1 ... Das grundlegende Anwendungsprinzip von CSS ... 280<br>        8.2 ... Einbindungsmöglichkeiten von CSS in HTML ... 286<br>        8.3 ... CSS im Webbrowser analysieren ... 293<br>        8.4 ... Werte an CSS-Eigenschaften übergeben ... 294<br>        8.5 ... Zusammenfassung ... 306<br> <strong>  9.  Die Selektoren von CSS ... 307</strong><br>       9.1 ... Die einfachen Selektoren von CSS ... 309<br>        9.2 ... Kombinatoren - die Selektoren verketten ... 337<br>        9.3 ... Empfehlung: So verwenden Sie effizientes und einfaches CSS ... 343<br>        9.4 ... Zusammenfassung ... 346<br> <strong>10.  Die Vererbung und die Kaskade ... 349</strong><br>       10.1 ... Das Prinzip der Vererbung in CSS ... 349<br>        10.2 ... Das Regelsystem der Kaskade verstehen ... 358<br>        10.3 ... Zusammenfassung ... 367<br> <strong>11.  Das Box-Modell von CSS ... 369</strong><br>       11.1 ... Das klassische Box-Modell von CSS ... 370<br>        11.2 ... Das alternative Box-Modell von CSS ... 382<br>        11.3 ... Logische Eigenschaften ... 386<br>        11.4 ... Das Box-Modell für Inline-Elemente ... 389<br>        11.5 ... Boxen gestalten ... 390<br>        11.6 ... Exkurs: Webbrowser-Präfixe (CSS Vendor Prefixes) ... 409<br>        11.7 ... Zusammenfassung ... 411<br> <strong>12.  CSS-Positionierung ... 413</strong><br>       12.1 ... Der normale Elementfluss ... 413<br>        12.2 ... Positionierung mit der CSS-Eigenschaft 'position' ... 416<br>        12.3 ... Übereinanderstapeln regeln mit 'z-index' ... 428<br>        12.4 ... Schwebende Boxen für die Positionierung mit 'float' ... 432<br>        12.5 ... Zusammenfassung ... 447<br> <strong>13.  Flexboxen ... 449</strong><br>       13.1 ... Den Flexbox-Container erstellen ... 450<br>        13.2 ... Flex-Items anpassen ... 455<br>        13.3 ... Die Flex-Items im Flex-Container ausrichten ... 460<br>        13.4 ... Beispiel: Navigationsbar mit Flexboxen ... 468<br>        13.5 ... Zusammenfassung ... 471<br> <strong>14.  Responsives Webdesign und Media Queries ... 473</strong><br>       14.1 ... Grundlagenwissen zum responsiven Webdesign ... 473<br>        14.2 ... Die Druckversion einer Website ... 492<br>        14.3 ... Auf Benutzereinstellungen reagieren ... 496<br>        14.4 ... Container Queries ... 507<br>        14.5 ... Berechnungen mit CSS und der 'calc()'-Funktion ... 512<br>        14.6 ... Zusammenfassung ... 513<br> <strong>15.  CSS Grid ... 515</strong><br>       15.1 ... Grid-Container und Rasterelemente verwenden ... 516<br>        15.2 ... Responsives Grid ohne Media Queries ... 529<br>        15.3 ... Ausrichten von Grid-Items ... 535<br>        15.4 ... Grid-Bereiche benennen ... 539<br>        15.5 ... Zusammenfassung ... 542<br> <strong>16.  Stylen mit CSS ... 543</strong><br>       16.1 ... Schriftfamilien und -formatierung mit 'font' ... 543<br>        16.2 ... '@font-face', Webfonts und variable Fonts ... 559<br>        16.3 ... Weiterere Anpassungsmöglichkeiten von Text ... 567<br>        16.4 ... Listen mit CSS gestalten ... 576<br>        16.5 ... Schönere Tabellen mit CSS gestalten ... 582<br>        16.6 ... Bilder mit CSS gestalten ... 588<br>        16.7 ... Elemente transformieren mit CSS ... 598<br>        16.8 ... Übergänge und Animationen mit CSS erstellen ... 601<br>        16.9 ... HTML-Formulare mit CSS stylen ... 605<br>        16.10 ... Zusammenfassung ... 614<br> <strong>17.  Der CSS-Präprozessor Sass und SCSS ... 615</strong><br>       17.1 ... Sass oder SCSS ... 616<br>        17.2 ... Von Sass/SCSS zu CSS ... 617<br>        17.3 ... Einführung in Sass ... 617<br>        17.4 ... Custom Properties mit reinem CSS ... 644<br>        17.5 ... Verschachteltes CSS ... 651<br>        17.6 ... Zusammenfassung ... 659<br> <strong>18.  Eine kurze Einführung in JavaScript ... 661</strong><br>       18.1 ... JavaScript in der Webentwicklung ... 662<br>        18.2 ... JavaScript-Programme schreiben und ausführen ... 664<br>        18.3 ... Ausgabe von JavaScript ... 670<br>        18.4 ... Die Verwendung von Variablen in JavaScript ... 677<br>        18.5 ... Übersicht über die JavaScript-Datentypen ... 681<br>        18.6 ... Arithmetische Operatoren zum Rechnen in JavaScript ... 688<br>        18.7 ... Bedingte Anweisungen in JavaScript ... 690<br>        18.8 ... Programmanweisungen mehrmals wiederholen mit Schleifen ... 698<br>        18.9 ... Zusammenfassung ... 702<br> <strong>19.  Arrays, Funktionen und Objekte in JavaScript ... 703</strong><br>       19.1 ... Funktionen in JavaScript ... 703<br>        19.2 ... Arrays ... 715<br>        19.3 ... Zeichenketten und reguläre Ausdrücke ... 727<br>        19.4 ... Objektorientierte Programmierung in JavaScript ... 729<br>        19.5 ... Weitere globale Objekte ... 736<br>        19.6 ... Zusammenfassung ... 741<br> <strong>20.  Webseiten dynamisch ändern ... 743</strong><br>       20.1 ... Einführung in das DOM eines HTML-Dokuments ... 743<br>        20.2 ... Das 'document'-Objekt ... 745<br>        20.3 ... Die Programmierschnittstelle von DOM ... 745<br>        20.4 ... Auf Elemente im DOM zugreifen ... 747<br>        20.5 ... Auf JavaScript-Events reagieren ... 759<br>        20.6 ... Mit dem Event-Handler die Events behandeln ... 761<br>        20.7 ... Gängige JavaScript-Events in der Übersicht ... 765<br>        20.8 ... Standardaktion von Events unterdrücken ... 770<br>        20.9 ... Der Event-Fluss (Event-Propagation) ... 771<br>        20.10 ... Weitere Informationen zu Events mit dem 'event'-Objekt ... 776<br>        20.11 ... HTML-Attribut oder den Textknoten ändern ... 779<br>        20.12 ... HTML-Elemente hinzufügen, ändern, entfernen ... 783<br>        20.13 ... CSS und JavaScript ... 801<br>        20.14 ... HTML-Formulare und JavaScript ... 804<br>        20.15 ... Zusammenfassung ... 811<br> <strong>21.  Einführung in die Web-APIs (Browser-APIs) ... 813</strong><br>       21.1 ... Video- und Audio-Media-API ... 814<br>        21.2 ... Den Standort ermitteln mit der Geolocation-API ... 821<br>        21.3 ... Web Storage - Datenbank für Offlineanwendungen ... 833<br>        21.4 ... Web Workers - die Helfer im Hintergrund ... 845<br>        21.5 ... Aktualisieren ohne Anfrage mit Server-Sent Events ... 853<br>        21.6 ... Weitere interessante Web-APIs im Schnelldurchlauf ... 857<br>        21.7 ... Zusammenfassung ... 864<br> <strong>22.  Eine Einführung in Ajax und die Fetch-API ... 865</strong><br>       22.1 ... Eine Einführung in die Ajax-Programmierung ... 865<br>        22.2 ... Die Fetch-API ... 883<br>        22.3 ... Zusammenfassung ... 887<br> <strong>23.  Das Bootstrap-Framework einsetzen ... 889</strong><br>       23.1 ... Bootstrap herunterladen und integrieren ... 890<br>        23.2 ... Das Layout mit dem Bootstrap-Framework erstellen ... 893<br>        23.3 ... Die Komponenten des Bootstrap-Frameworks verwenden ... 905<br>        23.4 ... Übersicht über weitere beliebte CSS-Frameworks ... 915<br>        23.5 ... Zusammenfassung ... 916<br> <strong>24.  Einführung in die grundlegenden Konzepte von React ... 917</strong><br>       24.1 ... Was ist React? ... 917<br>        24.2 ... Die Umgebung für React einrichten ... 918<br>        24.3 ... Ein React-Projekt einrichten und starten ... 919<br>        24.4 ... Hallo Welt in React ... 922<br>        24.5 ... JSX (JavaScript XML) ... 924<br>        24.6 ... Rendern von Elementen ... 932<br>        24.7 ... React-Komponenten und Props ... 932<br>        24.8 ... Statusmanagement in React ... 941<br>        24.9 ... Ereignisse und deren Handler ... 948<br>        24.10 ... Lifecycle von Komponenten ... 949<br>        24.11 ... Die React-Hooks-API ... 960<br>        24.12 ... CSS und React ... 968<br>        24.13 ... Formulare in React ... 979<br>        24.14 ... So geht es weiter ... 984<br> <strong>25.  Einführung in die grundlegenden Konzepte von Angular ... 987</strong><br>       25.1 ... Die nötigen Werkzeuge ... 987<br>        25.2 ... Hallo Welt in Angular ... 988<br>        25.3 ... Eine kleine Einführung in TypeScript ... 992<br>        25.4 ... Komponenten ... 1005<br>        25.5 ... Komponenten binden ... 1013<br>        25.6 ... Pipes ... 1025<br>        25.7 ... Der Datenfluss zwischen den Komponenten ... 1034<br>        25.8 ... Styles für Komponenten ... 1041<br>        25.9 ... Der Lebenszyklus einer Komponente ... 1044<br>        25.10 ... Direktiven ... 1048<br>        25.11 ... Wie geht es nun weiter? ... 1063<br> <strong>26.  Beispielprojekt erstellen, testen und optimieren ... 1065</strong><br>       26.1 ... Projektplanung ... 1066<br>        26.2 ... Grundgerüst mit Inhalt erstellen ... 1068<br>        26.3 ... Das Layout der Website festlegen und erstellen ... 1070<br>        26.4 ... Typografie - Auswahl der Schriften ... 1077<br>        26.5 ... Navigation ... 1080<br>        26.6 ... Farben für das Projekt festlegen ... 1082<br>        26.7 ... Grafiken und Bilder ... 1083<br>        26.8 ... Website auf Funktionalität testen ... 1087<br>        26.9 ... Website auf Barrierefreiheit hin testen ... 1091<br>        26.10 ... Performance der Website testen und verbessern ... 1092<br>        26.11 ... Nachhaltige Webentwicklung ... 1097<br>        26.12 ... Zusammenfassung ... 1106<br> <strong>  Index ... 1107</strong></p> <br> </div><div class='zusatzinfo_inhalt_item' index_i='2'><br> <p> Jürgen Wolf ist seit über 16 Jahren Autor und seit mehr als 10 Jahren passionierter Digitalfotograf. Seine Buchthemen sind Bildbearbeitung, Fotografie, Webentwicklung, Betriebssysteme und Programmierung. Und egal welches Thema: Bei jedem Buch ist es sein Ziel, auch komplexe Zusammenhänge klar und verständlich zu erklären.</p> <br> </div><div class='zusatzinfo_inhalt_item' index_i='3'><br> <p>Moderne Web-Technologien für moderne Websites! In diesem Standardwerk gibt Ihnen Jürgen Wolf alle Werkzeuge an die Hand, die sie für einen starken Auftritt im Web benötigen. Lernen Sie alle Grundlagen von HTML, CSS und JavaScript kennen und erweitern Sie Ihr Wissen mit diesem umfassenden Lern- und Nachschlagewerk: vom Aufbau eines HTML-Dokuments über die Gestaltung mit CSS bis hin zur Web-Programmierung mit JavaScript. Inkl. einer Einführung in die wichtigen JavaScript-Frameworks React und Angular.</p> <br> <p><b>Aus dem Inhalt:</b></p> <br> <p><ul><li>Syntax und Aufbau von HTML-Dokumenten</li><br> <li>Tabellen und Hyperlinks</li><br> <li>Bilder, Videos und Audio</li><br> <li>HTML-Formulare und interaktive Elemente</li><br> <li>Die Selektoren von CSS</li><br> <li>Vererbung und Kaskade</li><br> <li>Flexboxen und Grid Layouts</li><br> <li>Responsive Layouts erstellen</li><br> <li>Einführung in die JavaScript-APIs</li><br> <li>Einführung in React und Angular</li></ul></p> <br> </p> <br> </div></div></div></div><div> <script> $(document).ready( function() { var tvarray_99 = ['3454083']; $(".tv_inhalte_subcontainer[index_r=99]").css("justify-content","flex-start"); var tvarray_66 = ['10345295','8146877','15833807','9348975','8761357','10286651','9289534','10977978','8066381','9015703','10023408','10196268','11593034','15835447','15602598','18501751','9652119','7662180','9127123','9886087','12120951','7892618','8852809','17666554','5787414','9230396','12756582','8852810','9127108','10286655','8916552','11889142','12259231','13070237','9348967','12599601','9348969','7191664','10601175','10023409','14450002','10210767','10459721','9514855','8637981','10601173','14518362','14178154','15835158','9652122','13350131','10459723','8174631','16275656','5833101','9652114','8066385','8676687','8641524','9886225','8805984','8916563','10286656','9372335','9835851','10463647','12120950','10286646','10196263','12120949','10296554','10345276','10286641','15605177','6055938','5763167','7346408','10286644','6082845','7892619','8147050','9652121','8234975','14734297','10583096','9348974','11592692','9834224','10463646','15835179','13452533','10196265','17666401','11278169','7157778','7429924','10463648','9015694','9886085','9289511','8764754','9127121','10978604','9886221','9886086','9692238','9069648','9886223','12259229','8953067','14599144','8676686','7487240','9289513','9692243','12259230','6471317','10136326','9886224','16275671','6877317','9693756','6919154','8761346','16275655','17286605','10583089','15605178','7429925','10196262','10583097','9632620','9652118','15605149','9069651','15741310','12871183','15602596','9692240','9372333','19515335','7031811','6471320','9886088','10101810','8915994','10196264','9160233','9015705','10463644','8953062','16275654','11889400','9015704','8677153','11593044','16763843','9835855','8066380','9127122','7191647','10345274','7031812','12448006','7191648','10463645','15835428','11278170','9230400','9348968','8387653','17666392','9835854','9372336','12371777','10686995','9886226','16275680','6990816','7157776','10196272','10136330','7487241','11889144','9835850','11593040','10459719','9515076','17286619','12120945','10583095','12193122','6761868','8389039','17286606','16275658','12184847','7720194','8389040','9289510','12193073','8174630','7892635','15833870','10196270','11593043','9079223','15605160','11483072','14264800','8501241','17286624','8916562','16763635','11501039','8605600','10459727','7770857','10286308','16275672','12259241','11889143','8066382','15605148','9371824','10106869','17286623','8389038','16275670','10459726','9692241','10459722','8485802','11889402','10106866','6232249','9069647','8435674','16763629','8217079','8953061','8146880','9515079','10295512','10286642','15602597','7346927','7487236']; var tvarray_33 = ['17733676','16764436','18509935','12120950','16275680','12218522','18106192','16763862','17373022','16763629','12184847','21222306','9359736','10131970','18501751','10345274','10258155','9693756','10023408','8435674','5875942','21127839','20834567','8788082','10343072','10459722','10463646','12120945','17130163']; var reloadfunc = ""; var artikelid = ""; var artikevar = ""; function vorschlag_reload(r, s) { clearInterval(reloadfunc); var d = 0; var i = 0; var x = 5; var width = $(window).width(); if(width < 700) x=1; // wenn erstmals aufgerufen, lade 5 Bücher if(parseInt(s)==0) { i = 0; while(i<x) { if(parseInt(r)==99) artikelid = tvarray_99[i];if(parseInt(r)==22) artikelid = tvarray_22[i];if(parseInt(r)==33) artikelid = tvarray_33[i];if(parseInt(r)==44) artikelid = tvarray_44[i];if(parseInt(r)==66) artikelid = tvarray_66[i]; $.post("/vorschlag_reload_ajax.php",{artikelid: artikelid, tv_typ: r, tv_n:i}, function(daten) { $(".tv_inhalte_subcontainer[index_r="+r+"]").append(daten); }); $(".tv_reiter_div[index_r="+r+"]").attr("index_s",i); i = i + 1; } } reloadfunc = setInterval(function() { i = parseInt($(".tv_reiter_div[index_r="+r+"]").attr("index_s")) + 1; if(parseInt(r)==99) artikelid = tvarray_99[i];if(parseInt(r)==22) artikelid = tvarray_22[i];if(parseInt(r)==33) artikelid = tvarray_33[i];if(parseInt(r)==44) artikelid = tvarray_44[i];if(parseInt(r)==66) artikelid = tvarray_66[i]; if(parseInt(artikelid)<10) { $(".tv_reiter_div[index_r="+r+"]").attr("index_s",0); i = 0; if(parseInt(r)==99) artikelid = tvarray_99[i];if(parseInt(r)==22) artikelid = tvarray_22[i];if(parseInt(r)==33) artikelid = tvarray_33[i];if(parseInt(r)==44) artikelid = tvarray_44[i];if(parseInt(r)==66) artikelid = tvarray_66[i]; } var width = $(window).width(); if(parseInt(artikelid)>100000) { $.post("/vorschlag_reload_ajax.php",{artikelid: artikelid, tv_typ: r, tv_n:i}, function(daten) { if(daten.length>300) { if(width<700) $(".tv_inhalt_item").css("display","none"); $(".tv_inhalte_subcontainer[index_r="+r+"]").append(daten) s = i + 1; $(".tv_reiter_div[index_r="+r+"]").attr("index_s",s); } }); } }, 5000); } $(".tv_reiter_div").click(function() { var r = $(this).attr("index_r"); var s = $(this).attr("index_s"); if($(".tv_inhalte_subcontainer[index_r="+r+"]").css("display")!="flex") { $(".tv_inhalte_subcontainer").hide("slow"); $(".tv_reiter_div").css("background-color","#be1110"); $(".tv_reiter_div").css("color","white"); $(".tv_reiter_div[index_r="+r+"]").css("background-color","white"); $(".tv_reiter_div[index_r="+r+"]").css("color","#be1110"); $(".tv_inhalte_subcontainer[index_r="+r+"]").css("display","flex"); vorschlag_reload(r, s); } }); $(".tv_reiter_div[index_r=33]").click(); }); </script> <div id='titelvorschlag_main_div'><div id='tv_reiter_container'><div class='tv_reiter_div' index_r='99' index_s='0'><div class='tv_reiter_text'>andere Formate</div></div><div class='tv_reiter_div' index_r='33' index_s='0'><div class='tv_reiter_text'>ähnliche Titel</div></div><div class='tv_reiter_div' index_r='66' index_s='0'><div class='tv_reiter_text'>weitere Titel der Reihe</div></div></div><div id='tv_inhalte_container'><div id='tv_inhalte_subcontainer'><div class='tv_inhalte_subcontainer' index_r='99'></div><div class='tv_inhalte_subcontainer' index_r='22'></div><div class='tv_inhalte_subcontainer' index_r='33'></div><div class='tv_inhalte_subcontainer' index_r='44'></div><div class='tv_inhalte_subcontainer' index_r='66'></div></div></div></div><script> $(document).ready( function() { $("#footer_email_button").click(function() { if($("#footer_email_input").val().length>5) { $.post("/s/bookdetail_ajax.php",{bdo:9,email:$("#footer_email_input").val()},function(daten) { $("#bookdetail_popup").html(daten); $("#bookdetail_popup").css("display","flex"); }); } }); }); </script> <link rel="stylesheet" type="text/css" href="/style_bottom.css"> <div id='footer_main'><div id='footer_email'><div id='footer_email_text_div'>Newsletter:</div><div id='footer_email_input_div'><input type='email' id='footer_email_input' size='20'></div><button id='footer_email_button' type='button'>anmelden</button></div><div id='footer_email_text'>Sie erhalten in wenigen Augenblicken eine E-Mail mit einem Bestätigungslink. Erst wenn Sie diesen klicken, erhalten Sie unseren Newsletter.</div><div id='footer_sub'><div id='footer_adresse'><div class='footer_adresse_zeile'><b>H. Th. Wenner GmbH & Co. KG</b></div><div class='footer_adresse_zeile'>Große Straße 69</div><div class='footer_adresse_zeile'>49074 Osnabrück</div><div class='footer_adresse_zeile'>Tel.: 0541 33 103 0</div><div class='footer_adresse_zeile'>Fax: 0541 33 103 39</div><div class='footer_adresse_zeile'>info@buecher-wenner.de</div><div class='footer_adresse_zeile'>Signal & Whatsapp: +49541331030</div><div class='footer_adresse_zeile' style='margin-top:10px;'><b>Mo. - Sa.</b>: 9:30 bis 19 Uhr</div></div><div id='footer_links'><a href='/infos/impressum.php' class='footer_links'><div class='footer_adresse_zeile'>Impressum</div></a><a href='/infos/datenschutz.php' class='footer_links'><div class='footer_adresse_zeile'>Datenschutz</div></a><a href='/blog.php?id=30' class='footer_links'><div class='footer_adresse_zeile'>Versand & Rückgabe</div></a><a href='/blog.php?id=34' class='footer_links'><div class='footer_adresse_zeile'>Ausbildung</div></a><a href='/blog.php?id=31' class='footer_links'><div class='footer_adresse_zeile'>Kontakt</div></a><a href='/klimabilanz.php' class='footer_links' style='margin-top:10px; font-weight:600;'><div class='footer_adresse_zeile'>klimaneutrale Buchhandlung</div></a></div><div id='footer_rechts'><div class=''><a style='text-decoration:none;' href='https://www.facebook.com/buchwenner' target='new'><img class='socialmedia_png' src='/img/div/fb.png'></a></div><div class=''><a style='text-decoration:none;' href='https://www.instagram.com/buecherwenner' target='new'><img class='socialmedia_png' src='/img/div/insta.png'></a></div><div class=''><a style='text-decoration:none;' href='https://www.tiktok.com/@buecherwenner' target='new'><img class='socialmedia_png' src='/img/div/tiktok.png'></a></div></div></div></div>