Συμβουλές σύνθεσης

Μορφότυποι κειμένου

Filtered HTML

  • Επιτρεπόμενες ετικέτες HTML: <br> <p class="text-sm text-align-left text-align-center text-align-right"> <h2 id class="text-align-left text-align-center text-align-right"> <h3 id class="text-align-left text-align-center text-align-right"> <h4 id class="text-align-left text-align-center text-align-right"> <a class="big-button orange blue orange-outline blue-outline purple social-link facebook instagram linkedin twitter youtube" href data-entity-type data-entity-uuid data-entity-substitution> <cite> <dt> <dl class="text-align-left text-align-center text-align-right text-align-justify"> <dd class="text-align-left text-align-center text-align-right text-align-justify"> <img src alt height width data-entity-type data-entity-uuid data-align data-caption> <drupal-entity data- data-entity-type data-entity-uuid data-entity-embed-display data-entity-embed-display-settings data-align data-caption data-embed-button data-langcode alt title> <drupal-media title data-entity-type data-entity-uuid alt data-view-mode data-caption data-align> <strong> <em> <code> <blockquote> <ul> <ol start> <li> <hr>

  • You can align images, videos, blockquotes and so on to the left, right or center. Examples:

    • Align an image to the left: <img src="" data-align="left" />
    • Align an image to the center: <img src="" data-align="center" />
    • Align an image to the right: <img src="" data-align="right" />
    • … and you can apply this to other elements as well: <video src="" data-align="center" />
  • You can caption images, videos, blockquotes, and so on. Examples:

    • <img src="" data-caption="This is a caption" />
    • <video src="" data-caption="The Drupal Dance" />
    • <blockquote data-caption="Dries Buytaert">Drupal is awesome!</blockquote>
    • <code data-caption="Hello world in JavaScript.">alert("Hello world!");</code>
  • You can embed media items:

    • Choose which media item to embed: <drupal-media data-entity-uuid="07bf3a2e-1941-4a44-9b02-2d1d7a41ec0e" />
    • Optionally also choose a view mode: data-view-mode="tiny_embed", otherwise the default view mode is used.
    • The data-entity-type="media" attribute is required for consistency.
  • Each email address will be obfuscated in a human readable fashion or, if JavaScript is enabled, replaced with a spam resistent clickable link. Email addresses will get the default web form unless specified. If replacement text (a persons name) is required a webform is also required. Separate each part with the "|" pipe symbol. Replace spaces in names with "_".
  • Replace empty paragraphs (e.g. <p></p> or <p>&nbsp;</p>) with <br />.

Απλό κείμενο

  • Επιτρεπόμενες ετικέτες HTML: <br> <p class="text-align-left text-align-center text-align-right text-align-justify"> <h2 id class="text-align-left text-align-center text-align-right text-align-justify"> <h3 id class="text-align-left text-align-center text-align-right text-align-justify"> <h4 id class="text-align-left text-align-center text-align-right text-align-justify"> <cite> <dl class="text-align-left text-align-center text-align-right text-align-justify"> <dt> <dd class="text-align-left text-align-center text-align-right text-align-justify"> <img src alt height width data-entity-type data-entity-uuid data-align data-caption> <blockquote cite class="text-align-left text-align-center text-align-right text-align-justify"> <ul type class="text-align-left text-align-center text-align-right text-align-justify"> <ol start type class="text-align-left text-align-center text-align-right text-align-justify"> <drupal-media data-view-mode data-align data-caption title data-entity-type data-entity-uuid alt> <strong> <em> <code> <li> <hr class="text-align-left text-align-center text-align-right text-align-justify"> <a hreflang name id data-entity-substitution data-entity-type data-entity-uuid title href class=" big-button orange blue outline orange-outline blue-outline purple"> <drupal-entity data- data-entity-type data-entity-uuid data-entity-embed-display data-entity-embed-display-settings data-align data-caption data-embed-button data-langcode alt title>

    Ο ιστοτόπος αυτός επιτρέπει να υποβάλετε περιεχόμενο σε μορφή κώδικα HTML. Αν και το να μάθετε τα πάντα για την HTML μπορεί να είναι επίπονο, είναι πολύ εύκολο να μάθετε να χρησιμοποιείτε λίγες από τις πιο βασικές "ετικέτες" HTML. Αυτός ο πίνακας παρουσιάζει παραδείγματα για κάθε ετικέτα HTML που επιτρέπεται να χρησιμοποιείτε σε αυτόν τον ιστοτόπο.

    For more information see the HTML Living Standard or use your favorite search engine to find other sites that explain HTML.

    Περιγραφή ετικέτας Πληκτρολογείτε Παίρνετε
    Κανονικά, ετικέτες αλλαγής γραμμής προστίθενται αυτόματα, γι' αυτό χρησιμοποιείτε αυτή την ετικέτα για να προσθέσετε περισσότερες. Η χρήση αυτής της ετικέτας διαφέρει στο ότι δε χρησιμοποιείται σε ζεύγη ανοίγματος/κλεισίματος όπως όλες οι άλλες. Χρησιμοποιείτε το πρόσθετο " /" μέσα στην ετικέτα για να διατηρήσετε τη συμβατότητα με το πρότυπο XHTML 1.0. Κείμενο με αλλαγή γραμμής <br /> Κείμενο με αλλαγή γραμμής
    Κανονικά, ετικέτες παραγράφων προστίθενται αυτόματα, γι' αυτό χρησιμοποιείτε αυτή την ετικέτα για να προσθέσετε περισσότερες. <p>Παράγραφος ένα.</p> <p>Παράγραφος δύο.</p>

    Παράγραφος ένα.

    Παράγραφος δύο.

    Επικεφαλίδα <h2>Υπότιτλος</h2>

    Υπότιτλος

    Επικεφαλίδα <h3>Υπότιτλος τρία</h3>

    Υπότιτλος τρία

    Επικεφαλίδα <h4>Υπότιτλος τέσσερα</h4>

    Υπότιτλος τέσσερα

    Αναφορά πηγής <cite>Αναφορά πηγής</cite> Αναφορά πηγής
    Οι λίστες ορισμών είναι παρόμοιες με τις άλλες λίστες της HTML. Το <dl> αρχίζει τη λίστα ορισμών, το <dt> αρχίζει τον όρο ενός ορισμού και το <dd> αρχίζει την περιγραφή του ορισμού. <dl> <dt>Πρώτος όρος</dt> <dd>Πρώτος ορισμός</dd> <dt>Δεύτερος όρος</dt> <dd>Δεύτερος ορισμός</dd> </dl>
    Πρώτος όρος
    Πρώτος ορισμός
    Δεύτερος όρος
    Δεύτερος ορισμός
    Δεν υπάρχουν οδηγίες για την ετικέτα dt.
    Δεν υπάρχουν οδηγίες για την ετικέτα dd.
    Δεν υπάρχουν οδηγίες για την ετικέτα img.
    Απόσπασμα <blockquote>Απόσπασμα</blockquote>
    Απόσπασμα
    Μη αριθμημένη λίστα - χρησιμοποιείτε το <li> για να αρχίσετε κάθε στοιχείο <ul> <li>Πρώτο στοιχείο</li> <li>Δεύτερο στοιχείο</li> </ul>
    • Πρώτο στοιχείο
    • Δεύτερο στοιχείο
    Αριθμημένη λίστα - χρησιμοποιείτε το <li> για να αρχίσετε κάθε στοιχείο <ol> <li>Πρώτο στοιχείο</li> <li>Δεύτερο στοιχείο</li> </ol>
    1. Πρώτο στοιχείο
    2. Δεύτερο στοιχείο
    Δεν υπάρχουν οδηγίες για την ετικέτα drupal.
    Ισχυρό στο πλαίσιο: Βαρύτητα γραμματοσειράς <strong>Ισχυρό στο πλαίσιο: Βαρύτητα γραμματοσειράς</strong> Ισχυρό στο πλαίσιο: Βαρύτητα γραμματοσειράς
    Με έμφαση <em>Με έμφαση</em> Με έμφαση
    Κείμενο κώδικα, για την παρουσίαση πηγαίου κώδικα προγραμμάτων <code>Κώδικας προγράμματος</code> Κώδικας προγράμματος
    Δεν υπάρχουν οδηγίες για την ετικέτα li.
    Δεν υπάρχουν οδηγίες για την ετικέτα hr.
    Οι άγκυρες χρησιμοποιούνται για τη δημιουργία παραπομπών σε άλλες σελίδες. <a href="https://www.centropa.org">Centropa</a> Centropa
    Δεν υπάρχουν οδηγίες για την ετικέτα drupal.

    Οι περισσότεροι ασυνήθιστοι χαρακτήρες μπορούν να πληκτρολογούνται απευθείας χωρίς πρόβλημα.

    If you do encounter problems, try using HTML character entities. A common example looks like &amp; for an ampersand & character. For a full list of entities see HTML's entities page. Some of the available characters include:

    Περιγραφή χαρακτήρα Πληκτρολογείτε Παίρνετε
    Σύμβολο "&" &amp; &
    Μεγαλύτερο του &gt; >
    Μικρότερο του &lt; <
    Εισαγωγικό &quot; "
  • Οι διευθύνσεις ιστοσελίδων και οι διευθύνσεις email μετετρέπονται σε συνδέσμους αυτόματα.
  • Lines and paragraphs are automatically recognized. The <br /> line break, <p> paragraph and </p> close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple of blank lines.