---
title: HTML grid width
url: "https://www.toujou.de/service/elementbibliothek/html/html-grid-width/"
date: 2019-01-11
modified: 2026-01-16
---

# HTML grid width

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/)
5. [HTML grid width](https://www.toujou.de/service/elementbibliothek/html/html-grid-width/)

   HTML
====

Probieren Sie Ihre Programmierung-Skills aus mit unserem HTML-Element in Textlaufweite.

Item-ID: 07-005

[Beispielansicht](#c1003748) [Anleitung](#c1003743)

---

  Beispielansicht
-----------------

 ---

  Anleitung
-----------

     [ ![](https://www.toujou.de/_assets/processed/SQM18g5f6Dq4BqgOw1LJSDbkhNy_0LgEgXw-tw1G36o/q:85/c:1397.3581973582:786.01398601399:fp:0.49905649905651:0.39300699300699/rt:force/w:432/h:243/fn:Y3NtXzAxXzAwMV9IVE1MX0VsZW1lbnRhdXN3YWhsXzQ1ZTg0YjFiN2Y:t/cb:43a183536374e3abf7cce0168a534a3ec2dab4fa/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzL0hUTUwvMDFfMDAxX0hUTUxfRWxlbWVudGF1c3dhaGwucG5n) ](https://www.toujou.de/fileadmin/toujou/tutorials/HTML/01_001_HTML_Elementauswahl.png) ### HTML-Element einfügen

- Klicken Sie auf den Button **Inhalt***,* um ein HTML-Element zu erstellen.
- Im Reiter *Widgets* wählen Sie **HTML** (Plain HTML Code in grid width).

    [ ![](https://www.toujou.de/_assets/processed/2dyGnsprtEkP12Gd03d9gbfUPQAUNm7h8FEWFQwiS-8/q:85/c:1079.04:606.96:fp:0.5:0.4496/rt:force/w:432/h:243/fn:Y3NtXzA1LTAyX0hUTUxfQ29uc2VudGVpbnN0ZWxsdW5nX2Jlc3RpbW1lbl8yMzk2NThkM2U0:t/cb:446272d6d01f5bf40051d4aaf918210f72a2d795/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA3X1dpZGdldHMvMDVfSFRNTC8wNS0wMl9IVE1MX0NvbnNlbnRlaW5zdGVsbHVuZ19iZXN0aW1tZW4ucG5n) ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/05_HTML/05-02_HTML_Consenteinstellung_bestimmen.png) ### Consent-Einstellungen auswählen

- Klicken Sie die gewünschte Einstellung im *Dropdown-Menü* an.
- Für das Anzeigen der externen Inhalte gemäß den Einstellungen des Website-Benutzers wählen Sie die oberste Option (empfohlen), für das Anzeigen der Inhalte unabhängig der Besucher-Einstellungen die mittlere Option und für das standardmäßige Blockieren aller externen Inhalte die untere Option.

    [ ![](https://www.toujou.de/_assets/processed/I_NayFTLJOUZLJ3q4tpvcSxy7_MjTelFsirxnJwcNJY/q:85/c:1397.3581973582:786.01398601399:fp:0.49905649905651:0.48811188811189/rt:force/w:432/h:243/fn:Y3NtXzAxXzAwMl9IVE1MX2VpbmZ1ZWdlbl8xOWIzMzcwMWE5:t/cb:dd9e21f7c07bae158cb947fcdc7935a190f665dd/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzL0hUTUwvMDFfMDAyX0hUTUxfZWluZnVlZ2VuLnBuZw) ](https://www.toujou.de/fileadmin/toujou/tutorials/HTML/01_002_HTML_einfuegen.png) ### HTML-Code einfügen

- Bleiben Sie im Reiter *Allgemein*.
- Im Feld *HTML-Code* schreiben Sie direkt HTML oder fügen einen externen Code ein.
- **Speichern** Sie die Einstellungen.

  ---

 Video-Tutorial via jweiland.net
-------------------------------

  ### HTML-Code einfügen (Video)

Im Video wird als Beispiel das Einbinden einer Google Map verwendet.

Hinweis: [In toujou sind Google Maps als Elemente integriert](https://www.toujou.de/service/elementbibliothek/map-elements/), daher ist der Vorgang im Video rein exemplarisch ergänzend für die Einbindung externer Quellen zu betrachten.

**Laufzeit**: 3'11"
 [Video bei jweiland.net aufrufen ↗](https://vimeo.com/235889931)