Συμβουλές σύνθεσης
- Διευθύνσεις ιστού και e-mail μετατρέπονται αυτόματα σε παραπομπές.
Επιτρεπόμενες ετικέτες HTML: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <h2> <h3> <h4> <p> <img> <code> <blockquote>
Ο ιστοτόπος αυτός επιτρέπει να υποβάλετε ύλη σε μορφή κώδικα HTML. Αν και το να μάθετε τα πάντα για την HTML μπορεί να είναι επίπονο, είναι πολύ εύκολο να μάθετε να χρησιμοποιείτε λίγες από τις πιο βασικές "ετικέτες" HTML. Αυτός ο πίνακας παρουσιάζει παραδείγματα για κάθε ετικέτα HTML που επιτρέπεται να χρησιμοποιείτε.
Για περισσότερες πληροφορίες ανατρέξτε στις Προδιαγραφές της HTML του οργανισμού W3C ή χρησιμοποιήστε μια μηχανή αναζήτησης για να βρείτε άλλους ιστοτόπους που εξηγούν τη χρήση της HTML.
Περιγραφή ετικέτας Πληκτρολογείτε Παίρνετε Οι άγκυρες χρησιμοποιούνται για τη δημιουργία παραπομπών σε άλλες σελίδες. <a href="http://www.webz.gr">Webz</a>Webz Με έμφαση <em>Με έμφαση</em>Με έμφαση Ισχυρά <strong>Ισχυρά</strong>Ισχυρά Αναφορά πηγής <cite>Αναφορά πηγής</cite>Αναφορά πηγής Κείμενο κώδικα, για την παρουσίαση πηγαίου κώδικα προγραμμάτων <code>Κώδικας προγράμματος</code>Κώδικας προγράμματοςΜη αριθμημένη λίστα - χρησιμοποιείτε το <li> για να αρχίσετε κάθε στοιχείο <ul> <li>Πρώτο στοιχείο</li> <li>Δεύτερο στοιχείο</li> </ul>- Πρώτο στοιχείο
- Δεύτερο στοιχείο
Αριθμημένη λίστα - χρησιμοποιείτε το <li> για να αρχίσετε κάθε στοιχείο <ol> <li>Πρώτο στοιχείο</li> <li>Δεύτερο στοιχείο</li> </ol>- Πρώτο στοιχείο
- Δεύτερο στοιχείο
Οι λίστες ορισμών είναι παρόμοιες με τις άλλες λίστες της HTML. Το <dl> αρχίζει τη λίστα ορισμών, το <dt> αρχίζει τον όρο ενός ορισμού και το <dd> αρχίζει την περιγραφή του ορισμού. <dl> <dt>Πρώτος όρος</dt> <dd>Πρώτος ορισμός</dd> <dt>Δεύτερος όρος</dt> <dd>Δεύτερος ορισμός</dd> </dl>- Πρώτος όρος
- Πρώτος ορισμός
- Δεύτερος όρος
- Δεύτερος ορισμός
Κεφαλίδα <h2>Υπότιτλος</h2>Υπότιτλος
Κεφαλίδα <h3>Υπότιτλος τρία</h3>Υπότιτλος τρία
Κεφαλίδα <h4>Υπότιτλος τέσσερα</h4>Υπότιτλος τέσσερα
Κανονικά, ετικέτες παραγράφων προστίθενται αυτόματα, γι' αυτό χρησιμοποιείτε αυτή την ετικέτα για να προσθέσετε περισσότερες. <p>Παράγραφος ένα.</p> <p>Παράγραφος δύο.</p>Παράγραφος ένα.
Παράγραφος δύο.
Δεν υπάρχουν οδηγίες για την ετικέτα img. Κείμενο κώδικα, για την παρουσίαση πηγαίου κώδικα προγραμμάτων <code>Κώδικας προγράμματος</code>Κώδικας προγράμματοςΑπόσπασμα <blockquote>Απόσπασμα</blockquote>Απόσπασμα
Οι περισσότεροι ασυνήθιστοι χαρακτήρες μπορούν να πληκτρολογούνται απευθείας χωρίς πρόβλημα.
Αν συναντήσετε πρόβλημα, δοκιμάστε να χρησιμοποιήσετε οντότητες χαρακτήρων της HTML. Μια κοινή περίπτωση είναι να πληκτρολογείτε & για ένα χαρακτήρα &. Για ένα πλήρη κατάλογο των οντοτήτων της HTML ανατρέξτε στη σελίδα των οντοτήτων. Μερικοί από τους διαθέσιμους χαρακτήρες είναι:
Περιγραφή χαρακτήρα Πληκτρολογείτε Παίρνετε Εμπορικό και && Μεγαλύτερο του >> Μικρότερο του << Εισαγωγικό "" - Οι γραμμές και οι παράγραφοι αναγνωρίζονται αυτόματα. Οι ετικέτες αλλαγής γραμμής <br />, ανοίγματος παραγράφου <p> και κλεισίματος παραγράφου </p> εισάγονται αυτόματα. Αν οι παράγραφοι δεν αναγνωρίζονται, απλώς εισάγετε μία-δύο κενές γραμμές.
Syntax highlighting of source code can be enabled with the following tags:
- Generic syntax highlighting tags: "
<code>", "<blockcode>". - Language specific syntax highlighting tags: "
<c>" for C source code, "<cpp>" for C++ source code, "<css>" for CSS source code, "<drupal5>" for Drupal 5 source code, "<drupal6>" for Drupal 6 source code, "<html>" for HTML source code, "<java>" for Java source code, "<javascript>" for Javascript source code, "<php>" for PHP source code, "<python>" for Python source code, "<robots>" for robots.txt source code, "<ruby>" for Ruby source code, "<sql>" for SQL source code, "<xml>" for XML source code.
Options and tips:
- The language for the generic syntax highlighting tags can be specified with one of the attribute(s): type, lang, language, class. The possible values are: "
c" (for C), "cpp" (for C++), "css" (for CSS), "drupal5" (for Drupal 5), "drupal6" (for Drupal 6), "html" (for HTML), "html4strict" (for HTML), "java" (for Java), "javascript" (for Javascript), "php" (for PHP), "python" (for Python), "robots" (for robots.txt), "ruby" (for Ruby), "sql" (for SQL), "xml" (for XML). - The supported tag styles are:
<foo>,[foo]. - Line numbering can be enabled/disabled with the attribute "linenumbers". Possible values are: "off" for no line numbers, "normal" for normal line numbers and "fancy" for fancy line numbers (every nth line number highlighted). The start line number can be specified with the attribute "start", which implicitly enables normal line numbering. For fancy line numbering the interval for the highlighted line numbers can be specified with the attribute "fancy", which implicitly enables fancy line numbering.
- If the source code between the tags contains a newline (e.g. immediatly after the opening tag), the highlighted source code will be displayed as a code block. Otherwise it will be displayed inline.
Defaults:
- Default highlighting mode for generic syntax highlighting tags: when no language attribute is specified, no syntax highlighting will be done.
- Default line numbering: no line numbers.
Examples:
You type You get <code>foo = "bar";</code>Inline code with the default syntax highlighting mode. <code>
foo = "bar";
baz = "foz";
</code>Code block with the default syntax highlighting mode. <code lang="html4strict" linenumbers="normal">
foo = "bar";
baz = "foz";
</code>Code block with syntax highlighting for HTML source code
and normal line numbers.<code language="html4strict" start="23" fancy="7">
foo = "bar";
baz = "foz";
</code>Code block with syntax highlighting for HTML source code,
line numbers starting from 23
and highlighted line numbers every 7th line.<c>
foo = "bar";
baz = "foz";
</c>Code block with syntax highlighting for C source code. <c start="23" fancy="7">
foo = "bar";
baz = "foz";
<c>Code block with syntax highlighting for C source code,
line numbers starting from 23
and highlighted line numbers every 7th line.- Generic syntax highlighting tags: "