Προσθήκη πίνακα, δημιουργία συνδέσμου, λίστας σε blog

Η ερώτηση επανέρχεται: Πως δημιουργώ σύνδεσμο(link); Πως φτιάχνω πίνακα στο blog; Πως φτιάχνω λίστα; Κλπ.

Πίνακες(tables) στο blog


Εδώ έχουμε HTML. Πρώτον ενώ γράφουμε το άρθρο κλικ στο Edit HTML(ή το αντίστοιχο στα Ελληνικά). Βλέπε κάτω φώτο για το που είναι.

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

Τι έχουμε εδώ; Μην ανησυχείτε, είναι εύκολα.  Το <table> ξεκινά όλους τους πίνακες και το </table> τον τερματίζει. Υποχρεωτικά. Τώρα το border="1" στην περίπτωση μας(<table border="1">) είναι το πάχος της γραμμής του πίνακα. Αν το γράφαμε ως <table border="0"> τότε όπως καταλάβατε θα είχαμε μεν ωραία διάταξη πίνακα χωρίς όμως τις άχαρες γραμμές.

Μετά το table βλέπουμε ένα ζεύγος <tr> </tr> (και αργότερα δεύτερο) που περιλαμβάνει τα

<td>row 1, cell 1</td>
<td>row 1, cell 2</td>

Το πρώτο ζεύγος λοιπόν tr λέει: φτιάξε μου μια γραμμή πίνακα(tr --- από το row) ενώ οι 2 γραμμές με τα ζεύγη <td> </td> λένε φτιάξε μας σε αυτή τη πρώτη γραμμή του πίνακα μου και δυο στήλες. Μια γραμμή, 2 στήλες καταλάβατε; Δηλαδή μέχρι τώρα φτιάξαμε το

row 1, cell 1 row 1, cell 2

όπου cell εννοεί κελί, κουτάκι του πίνακα. Άρα, ότι γράψουμε μεταξύ των ζευγών  <td></td> εμφανίζεται ως περιεχόμενο του κουτιού. πχ row 1, cell 1 στο πρώτο κουτί.

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

row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

Αν τώρα θέλουμε και επικεφαλίδες στον πίνακα, προσθέτουμε το

<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>

αμέσως μετά το

<table border="1">

και πριν το πρώτο  <tr> . Το τελικό αποτέλεσμα με τον πίνακα μας θα είναι

Heading Another Heading
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2


Οι πίνακες έχουν κι άλλες ιδιότητες που μπορούμε να πειράξουμε. Δείτε εδώ. Οι χρήση αυτών μάλλον εγκαταλείπεται σε πολλές περιπτώσεις. Στη θέση τους έχουμε διάφορα κόλπα με την CSS.

Δημιουργία Συνδέσμου στο Blogger blog


Ο εύκολος τρόπος είναι:

  • γράφω πχ μια μικρή φράση "Πρόσθεσε επιτέλους την αναζήτηση Youtube"
  • την επιλέγω με ποντίκι(πατημένο αριστερό κουμπί, σύρσιμο ποντικιού στη φράση, αφήστε)
  • βρείτε στο μενού με τα εικονίδια τη λέξη link ή σύνδεσμος ή μια αλυσίδα
  • κλικ
  • Στο παραθυράκι που πετάγεται επικόλληση της διεύθυνσης που ζητάτε να κάνετε σύνδεσμο και οκ.


ο λιγότερο εύκολος, αλλά πάντως χρήσιμος γενικός τρόπος δημιουργίας συνδέσμου(link) περιγράφεται εδώ. Πως το φτιάχνω;

το φτιάχνουμε γράφοντας στο HTML(βλέπε πάνω φώτο για HTML)

<a href="http://sotostips.blogspot.com/2009/01/youtube-firefox-site-mozilla.html"<Πρόσθεσε επιτέλους την αναζήτηση Youtube</a>

Δημιουργία λίστας στο Blogger


εύκολος τρόπος

Γράφουμε πχ τρεις φράσεις η μια κάτω από την άλλη

φράση1
φράση2
φράση3

  • Τις επιλέγω με το ποντίκι(όπως εξηγείται παραπάνω)
  • κλικ στο εικονιδιάκι με τις τρεις τελίτσες για μη αριθμημένη λίστα
  • κλικ στο εικονιδιάκι με το 1 2 3 για αριθμημένη λίστα
λιγότερο εύκολος τρόπος

δημιουργούμε λίστες σε HTML όπως εδώ.

Οι λίστες ως γνωστόν ένας μόνο τρόπος για να κάνουν πιο κατανοητά και ευκολοδιάβαστα τα άρθρα μας.


Δείτε και το άρθρο μου αυτό που αναφέρονται όλες οι λειτουργίες της δημιουργίας άρθρων στο Blogger blog.



Licensed under a Creative Commons Attribution-Noncommercial 3.0 Greece License