--- title: • HTML url: "https://www.toujou.de/service/elementbibliothek/html/" date: 2019-01-11 modified: 2026-01-16 --- # • HTML 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Elementbibliothek](https://www.toujou.de/service/elementbibliothek/) 4. [HTML](https://www.toujou.de/service/elementbibliothek/html/) HTML-Elemente ============= Auf dieser Seite finden Sie alle verfügbaren HTML-Elemente. Ob in Kombination mit Textblöcken verschiedener Breite oder einzeln, in Textlaufweite oder voller Bildschirmbreite. **HTML**: [Textlaufweite](#c1003679) | [Maximale Inhaltsbreite](#c1005108) **HTML mit Text** **links**: [33%](#c1005109) | [50%](#c1005110) | [67%](#c1005111) **HTML mit Text rechts**: [33%](#c1005112) | [50%](#c1005113) | [67%](#c1005114) **HTML dreispaltig mit Text**: [HTML links](#c1005115) | [HTML rechts](#c1005116) ![Ein stilisiertes Symbol, das einen Codeblock darstellt, umgeben von einem minimalistischen, modernen Design.](https://www.toujou.de/_assets/processed/V-JiXSL7rm6N--kYxpvCbePp3544iRHhQQgeRryXxyE/q:85/c:1422.2222222222:800:fp:0.5:0.5/rt:force/w:400/h:225/fn:Y3NtX0hUTUxfMjAwMF84MDBfdHJhbnNwYXJlbnRfN2E3ZmI3ZTQ4MQ:t/cb:a149b1fca417166a895ac8eea8a98cdbfd6af914/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvQmliLVRlYXNlcl8yMDAwXzgwMF90cmFuc3BhcmVudC9IVE1MXzIwMDBfODAwX3RyYW5zcGFyZW50LnBuZw) ### Gebrauchsanweisung Auf dieser Seite finden Sie die in toujou verfügbaren HTML-Elemente. Um nicht mit echten Inhalten verwechselt zu werden, verwenden wir in der Bibliothek Blindtext. Zur detaillierten Nutzungsanleitung gelangen Sie über die rechts unter dem jeweiligen Element platzierten [Schaltflächen ❯](https://www.toujou.de/service/elementbibliothek/widgets/) --- Alle HTML-Elemente im Überblick --------------------------------- ### HTML [HTML Textlaufweite ❯](https://www.toujou.de/service/elementbibliothek/html/html-grid-width/) --- ### HTML full width [HTML full width ❯](https://www.toujou.de/service/elementbibliothek/html/html-full-width/) --- ### HTML with Text (left, 33%) Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML with Text (left, 33%) ❯](https://www.toujou.de/service/elementbibliothek/html/html-with-text-left-33/) --- ### HTML with Text (left, 50%) Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML with Text (left, 50%) ❯](https://www.toujou.de/service/elementbibliothek/html/html-with-text-left-50/) --- ### HTML with Text (left, 67%) Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML with Text (left, 67%) ❯](https://www.toujou.de/service/elementbibliothek/html/html-with-text-left-67/) --- ### HTML with Text (right, 33%) Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML with Text (right, 33%) ❯](https://www.toujou.de/service/elementbibliothek/html/html-with-text-right-33/) --- ### HTML with Text (right, 50%) Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML with Text (right, 50%) ❯](https://www.toujou.de/service/elementbibliothek/html/html-with-text-right-50/) --- ### HTML with Text (right, 67%) Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML with Text (right, 67%) ❯](https://www.toujou.de/service/elementbibliothek/html/html-with-text-right-67/) --- ### HTML Multicolumn with Text, left #### Try a headline Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML Multicolumn with Text left ❯](https://www.toujou.de/service/elementbibliothek/html/html-multicolumn-with-text-left/) --- ### HTML Multicolumn with Text, right #### Try a headline Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML Multicolumn with Text right ❯](https://www.toujou.de/service/elementbibliothek/html/html-multicolumn-with-text-right/) ##### toujou-Tutorials [Checkliste ❯](https://www.toujou.de/service/#c1001893) [Kontakt/Daten hinterlegen ❯ ](https://www.toujou.de/tutorials/kontakte-anlegen/) [Dateiliste / Fileadmin ❯ ](https://www.toujou.de/tutorials/dateiliste/) [Navigation bearbeiten ❯ ](https://www.toujou.de/tutorials/seiten-anlegen/) [Seiteninhalte ❯](https://www.toujou.de/tutorials/seiteninhalte/) [Seiteneigenschaften ❯](https://www.toujou.de/tutorials/seiteneigenschaften/) [Responsive-Check ❯](https://www.toujou.de/tutorials/responsive-mobile-first/) [Yoast SEO ❯](https://www.toujou.de/tutorials/yoast-seo/) [Redirects ❯](https://www.toujou.de/tutorials/redirects/) / [Blog ❯](https://www.toujou.de/tutorials/blog-administration/) [Seiten übersetzen ❯](https://www.toujou.de/tutorials/seiten-uebersetzen/) [Linkvalidator ❯](https://www.toujou.de/tutorials/linkvalidator/) ##### toujou-Setup [Theme ❯ ](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) [Logo ❯ ](https://www.toujou.de/service/toujou-setup/logo-hochladen/) [Font ❯ ](https://www.toujou.de/service/toujou-setup/font-bestimmen/) [Color ❯ ](https://www.toujou.de/service/toujou-setup/farben-festlegen/) [Social Media ❯ ](https://www.toujou.de/service/toujou-setup/social-media/) [Analytics ❯](https://www.toujou.de/service/toujou-setup/analytics/) [Data Protection ❯](https://www.toujou.de/service/toujou-setup/datenschutz/) [Website Overlay ❯](https://www.toujou.de/service/toujou-setup/website-overlay/) ##### toujou-Elementbibliothek [Texte ❯ ](https://www.toujou.de/service/elementbibliothek/text-elements/) [Medien ❯ ](https://www.toujou.de/service/elementbibliothek/media-elements/) [Combinations❯ ](https://www.toujou.de/service/elementbibliothek/combined-elements/) [Teaser ❯ ](https://www.toujou.de/service/elementbibliothek/teaser-elements/) [Cards ❯](https://www.toujou.de/service/elementbibliothek/card-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/elementbibliothek/blockquote-elements/) [Collections ❯](https://www.toujou.de/service/elementbibliothek/collections/) [Maps ❯ / ](https://www.toujou.de/service/elementbibliothek/map-elements/)[Blog ❯ ](https://www.toujou.de/service/elementbibliothek/blog-elements/) [Events ❯ ](https://www.toujou.de/service/elementbibliothek/events/)/ [Widgets ❯ ](https://www.toujou.de/service/elementbibliothek/widgets/) [Navigation ❯](https://www.toujou.de/service/elementbibliothek/navigation-elements/) [HTML ❯ ](https://www.toujou.de/service/elementbibliothek/html/)/ [Forms ❯ ](https://www.toujou.de/service/elementbibliothek/forms/) ##### toujou TOURISM [tourism-Modul ❯](https://www.toujou.de/tutorials/tourism-modul/) [Expertise & Konzept ❯](https://www.toujou.de/websites/websites-fuer-reiseveranstalter/) [Alle Features ❯](https://www.toujou.de/loesungen/etourism/) [toujou-Reiseportale ❯](https://www.toujou.de/warum-toujou/unsere-kunden/#c1002004) [Reiseseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisen-anlegen/) [Reiseseiteneigenschaften ❯](https://www.toujou.de/tutorials/reiseseiten/reiseseiteneigenschaften/) [Reisekategorien ❯](https://www.toujou.de/tutorials/reiseseiten/reisekategorien-anlegen/) [Termine & Preise ❯](https://www.toujou.de/tutorials/reiseseiten/termine-preise/) [Reisesuchseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisesuchseite/) [Trip Elements ❯ ](https://www.toujou.de/service/elementbibliothek/trip-elements/) [Search Elements ❯](https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/)