lefta4klik - Blogger widgets, tricks, tips & hacks

Η HTML έχει ειδική μεταχείριση για κάποιους χαρακτήρες, όπως < και >. Έχοντας αυτούς τους χαρακτήρες μέσα στην html πιθανότατα να σας βγάζει κάποια περίεργα κείμενα και γενικά δε θα βλέπετε αυτό που θέλετε να δείτε. Σας έχω ένα εργαλείο πιο κάτω που θα καθαρίσει αυτούς τους χαρακτήρες. Απλά κάνει μια σάρωση του κειμένου και όπου βρίσκει τους ειδικούς χαρακτήρες τους αντικαταστεί με ένα άλλο κώδικα που μπορούν οι browsers να το ερμηνεύσουν κανονικά ως σωστό σύμβολο. Για παράδειγμα, ο χαρακτήρας > μετατρέπετε σε &gt; Αυτό το εργαλείο μετατρέπει αυτόματα το javascript κώδικα διαφήμισης στη σωστή μορφή, ώστε να μπορείτε να το ενσωματώσετε απευθείας στο νέο xml Blogger πρότυπό σας. Είναι ιδανικό για τη μετατροπή του AdSense, AdBrite, Chitika ή οποιοδήποτε άλλο javascript κώδικα διαφήμισης που μπορεί να έχετε. Eπικολλήστε τον κώδικα σας στο πιο κάτω πλαίσιο και πατήστε "Μετατροπή"

Σε αυτό το άρθρο θα δείτε πώς να δημιουργήσετε πίνακες σε ένα έγγραφο HTML . Στο κάτω μέρος της σελίδας μπορείτε να δείτε και να πειραματιστείτε με τα παραδείγματα. Οι πίνακες ορίζονται με την ετικέτα <table>. Παράδειγμα αν θέλουμε ένα πίνακα 1Χ1 έχουμε τον εξής κώδικα: <table border="1"> <tr> <td>γραμμή 1, κελί 1</td> </tr> <tr> <td>γραμμή 2, κελί 1</td> </tr> </table> Ένας πίνακας χωρίζεται σε σειρές (με την ετικέτα <tr> ), και κάθε σειρά διαιρείται σε κελιά δεδομένων (με την ετικέτα <td> ). TD σημαίνει "δεδομένα πίνακα," και συγκρατεί το περιεχόμενο μιας κυψέλης δεδομένων. Μια <td> ετικέτα μπορεί να περιέχει κείμενο, συνδέσμους, εικόνες, πίνακες, φόρμες, άλλους πίνακες, κ.λπ. Επίσης ένας πίνακας μπορεί να έχει περίγραμμα (border) Εάν δεν θέλετε μπορείτε να μην καθορίσετε ένα περίγραμμα και έτσι ο πίνακας θα εμφανιστεί χωρίς border. Για να εμφανίσετε έναν πίνακα μ...

Καλησπέρα σε όλους τους φίλους, σήμερα θα δούμε πως μπορούμε να βάλουμε λινκ σε γλώσσα html. Τα links βοηθάνε να παραπέμπεται ο χρήστης σε μια άλλη σελίδα που ίσως θέλει πατώντας απλά ένα κλικ πάνω στον σύνδεσμο. Για να βάλετε ένα λινκ ανοίγετε μια ετικέτα <a> κάπως έτσι <a href=" εδώ βάζετε το λινκ που θέλετε "> εδώ το κείμενο (text) που θα εμφανίζετε </a>. Τα λινκ μπορείτε να τα κάνετε να ανοίγουν σε νέα καρτέλα ή και στην ίδια, συγκεκριμένα μπορείτε να δώσετε τις πιο κάτω τιμές: target="_blank" (ανοίγει την σελίδα σε νέο παράθυρο) target="_self" (ανοίγει την σελίδα στο ίδιο πλαίσιο) target="_top" (ανοίγει την σελίδα στην ίδια καρτέλα αγνοώντας τα πλαίσια που τυχόν υπάρχουν) target="_parent" (ανοίγει την σελίδα στην ίδια καρτέλα, είναι και το deafault αυτό μιας και αν δεν το γράψετε θα γίνει το ίδιο) Δείτε το παράδειγμα πιο κάτω όπου έβαλα ένα link που σας παραπέμπει σε μια άλλη ιστοσελίδα σε μια...

Οι επικεφαλίδες σε μια γλώσσα HTML είναι από τις πιο βασικές ετικέτες (tags), αυτό που κάνουν είναι να εμφανίζουν ένα κείμενο με μεγάλα γράμματα (η 1η επικεφαλίδα έχει τα μεγαλύτερα γράμματα και ακολουθούν οι επόμενες με μικρότερα) και έντονη γραφή, επίσης όταν βάζουμε μια επικεφαλίδα, αυτόματα πριν και μετά υπάρχει μια κενή γραμμή. Υπάρχουν 6 επικεφαλίδες, από την <h1> έως και την <h6>, δείτε πιο κάτω το παράδειγμα όπου έχουμε και τις 6 αυτές επικεφαλίδες (μπορείτε να πειραματιστείτε αν θέλετε):

Η HTML είναι μια γλώσσα σήμανσης και είναι η κυριότερη γλώσσα για τις ιστοσελίδες, χωρίς αυτή δεν μπορούμε να έχουμε μια ιστοσελίδα. Σε αυτό το άρθρο θα δούμε την βασική δομή της HTML. Δείτε την βασική δομή ενός HTML κώδικα πιο κάτω (μέσα στο body έγραψα επίτηδες την φράση "Βασική δομή της HTML" για να δείτε πως αν κάποιος γράψει κάτι μέσα στο body, αυτό εμφανίζεται στην οθόνη του browser, επίσης πρέπει να ξέρουμε πως ότι και να γράφουμε στην html συνοδεύετε από ετικέτες μορφοποίησης):

Στο πρώτο πλαίσιο μπορείτε να γράφετε τον κώδικα που θέλετε, ενώ στο δεύτερο πλαίσιο από κάτω θα εμφανίζετε το αποτέλεσμα του κώδικα που γράψατε όπως φαίνεται και στο παράδειγμα.