Αρχική

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

  • Επιτρεπόμενες ετικέτες HTML: <a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <

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

    Για περισσότερες πληροφορίες ανατρέξτε στις Προδιαγραφές της HTML του οργανισμού W3C ή χρησιμοποιήστε μια μηχανή αναζήτησης για να βρείτε άλλους ιστοτόπους που εξηγούν τη χρήση της HTML.

    Περιγραφή ετικέταςΠληκτρολογείτεΠαίρνετε
    Οι άγκυρες χρησιμοποιούνται για τη δημιουργία παραπομπών σε άλλες σελίδες.<a href="http://mydrupal.gr">myDrupal </a>myDrupal
    Κανονικά, ετικέτες παραγράφων προστίθενται αυτόματα, γι' αυτό χρησιμοποιείτε αυτή την ετικέτα για να προσθέσετε περισσότερες.<p>Παράγραφος ένα.</p> <p>Παράγραφος δύο.</p>

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

    Παράγραφος δύο.
    Δεν υπάρχουν οδηγίες για την ετικέτα span.
    Δεν υπάρχουν οδηγίες για την ετικέτα div.
    Κεφαλίδα<h1>Τίτλος</h1>

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

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

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

    Υπότιτλος τέσσερα
    Κεφαλίδα<h5>Υπότιτλος πέντε</h5>
    Υπότιτλος πέντε
    Κεφαλίδα<h6>Υπότιτλος έξι</h6>
    Υπότιτλος έξι
    Δεν υπάρχουν οδηγίες για την ετικέτα img.
    Δεν υπάρχουν οδηγίες για την ετικέτα map.
    Δεν υπάρχουν οδηγίες για την ετικέτα area.
    Δεν υπάρχουν οδηγίες για την ετικέτα hr.
    Κανονικά, ετικέτες αλλαγής γραμμής προστίθενται αυτόματα, γι' αυτό χρησιμοποιείτε αυτή την ετικέτα για να προσθέσετε περισσότερες. Η χρήση αυτής της ετικέτας διαφέρει στο ότι δε χρησιμοποιείται σε ζεύγη ανοίγματος/κλεισίματος όπως όλες οι άλλες. Χρησιμοποιείτε το πρόσθετο " /" μέσα στην ετικέτα για να διατηρήσετε τη συμβατότητα με το πρότυπο XHTML 1.0.Κείμενο με αλλαγή γραμμής <br />Κείμενο με αλλαγή γραμμής
    Κανονικά, ετικέτες αλλαγής γραμμής προστίθενται αυτόματα, γι' αυτό χρησιμοποιείτε αυτή την ετικέτα για να προσθέσετε περισσότερες. Η χρήση αυτής της ετικέτας διαφέρει στο ότι δε χρησιμοποιείται σε ζεύγη ανοίγματος/κλεισίματος όπως όλες οι άλλες. Χρησιμοποιείτε το πρόσθετο " /" μέσα στην ετικέτα για να διατηρήσετε τη συμβατότητα με το πρότυπο XHTML 1.0.Κείμενο με αλλαγή γραμμής <br />Κείμενο με αλλαγή γραμμής
    Μη αριθμημένη λίστα - χρησιμοποιείτε το <li> για να αρχίσετε κάθε στοιχείο<ul> <li>Πρώτο στοιχείο</li> <li>Δεύτερο στοιχείο</li> </ul>
    • Πρώτο στοιχείο
    • Δεύτερο στοιχείο
    Αριθμημένη λίστα - χρησιμοποιείτε το <li> για να αρχίσετε κάθε στοιχείο<ol> <li>Πρώτο στοιχείο</li> <li>Δεύτερο στοιχείο</li> </ol>
    1. Πρώτο στοιχείο
    2. Δεύτερο στοιχείο
    Οι λίστες ορισμών είναι παρόμοιες με τις άλλες λίστες της HTML. Το <dl> αρχίζει τη λίστα ορισμών, το <dt> αρχίζει τον όρο ενός ορισμού και το <dd> αρχίζει την περιγραφή του ορισμού.<dl> <dt>Πρώτος όρος</dt> <dd>Πρώτος ορισμός</dd> <dt>Δεύτερος όρος</dt> <dd>Δεύτερος ορισμός</dd> </dl>
    Πρώτος όρος
    Πρώτος ορισμός
    Δεύτερος όρος
    Δεύτερος ορισμός
    Πίνακας<table> <tr><th>Κεφαλίδα πίνακα</th></tr> <tr><td>Κελί πίνακα</td></tr> </table>
    Κεφαλίδα πίνακα
    Κελί πίνακα
    Με έμφαση<em>Με έμφαση</em>Με έμφαση
    Έντονα<b>Έντονα</b>Έντονα
    Υπογραμμισμένα<u>Υπογραμμισμένα</u>Υπογραμμισμένα
    Πλάγια<i>Πλάγια</i>Πλάγια
    Ισχυρά<strong>Ισχυρά</strong>Ισχυρά
    Δεν υπάρχουν οδηγίες για την ετικέτα font.
    Διαγραμμένο<del>Διαγραμμένο</del>Διαγραμμένο
    Παρεμβολή<ins>Παρεμβολή</ins>Παρεμβολή
    Σε δείκτηΣε<sub>δείκτη</sub>Σεδείκτη
    Σε εκθέτηΣε<sup>εκθέτη</sup>Σεεκθέτη
    Δεν υπάρχουν οδηγίες για την ετικέτα quote.
    Απόσπασμα<blockquote>Απόσπασμα</blockquote>
    Απόσπασμα
    Προ-μορφοποιημένο<pre>Προ-μορφοποιημένο</pre>
    Προ-μορφοποιημένο
    Δεν υπάρχουν οδηγίες για την ετικέτα address.
    Κείμενο κώδικα, για την παρουσίαση πηγαίου κώδικα προγραμμάτων<code>Κώδικας προγράμματος</code>Κώδικας προγράμματος
    Αναφορά πηγής<cite>Αναφορά πηγής</cite>Αναφορά πηγής
    Δεν υπάρχουν οδηγίες για την ετικέτα embed.

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

    Αν συναντήσετε πρόβλημα, δοκιμάστε να χρησιμοποιήσετε οντότητες χαρακτήρων της HTML. Μια κοινή περίπτωση είναι να πληκτρολογείτε &amp; για ένα χαρακτήρα &. Για ένα πλήρη κατάλογο των οντοτήτων της HTML ανατρέξτε στη σελίδα των οντοτήτων. Μερικοί από τους διαθέσιμους χαρακτήρες είναι:

    Περιγραφή χαρακτήραΠληκτρολογείτεΠαίρνετε
    Εμπορικό και&amp;&
    Μεγαλύτερο του&gt;>
    Μικρότερο του&lt;<
    Εισαγωγικό&quot;"

  • Quoted content can be placed between [quote] tags in order to be displayed as an indented quote. Every [quote] tag must have a corresponding [/quote] tag. For example: 

    [quote]This is a simple quote.[/quote]
    is displayed as:

    Παράθεση:
    This is a simple quote.

    Additionally, there is an optional attribute which allows quotes to specify the original author. 

    [quote=Mr. Drupal]This is a quote with an attribution line.[/quote]
    is displayed as:

    Mr. Drupal έγραψε:
    This is a quote with an attribution line.

    Finally, multiple [quote] tags can be nested within one another. Just remember that every [quote] tag must have a corresponding [/quote] tag. 

    [quote]I think she says it best...
[quote=Ms. Quotation]This is a quote nested within another quote.[/quote]
but you can't argue with
[quote=Ms. Reply]The more quotes, the merrier.
Just don't get too carried away.[/quote]
And I have nothing more to say.[/quote]
    is displayed as:

    Παράθεση:
    I think she says it best...
    Ms. Quotation έγραψε:
    This is a quote nested within another quote.
    but you can't argue with
    Ms. Reply έγραψε:
    The more quotes, the merrier. Just don't get too carried away.
    And I have nothing more to say.
  • Οι γραμμές και οι παράγραφοι αναγνωρίζονται αυτόματα. Οι ετικέτες αλλαγής γραμμής <br />, ανοίγματος παραγράφου <p> και κλεισίματος παραγράφου </p> εισάγονται αυτόματα. Αν οι παράγραφοι δεν αναγνωρίζονται, απλώς εισάγετε μία-δύο κενές γραμμές.
  • Διευθύνσεις ιστού και e-mail μετατρέπονται αυτόματα σε παραπομπές.