Μετάβαση στο κύριο περιεχόμενο

Πίνακες (tables) σε HTML

Πίνακες html
Σε αυτό το άρθρο θα δείτε πώς να δημιουργήσετε πίνακες σε ένα έγγραφο 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. Για να εμφανίσετε έναν πίνακα με border, βάζετε το εξής χαρακτηριστικό border="εδώ βάζετε το πάχος που θέλετε" π.χ. border="1".
Επίσης μπορείτε να βάλετε και επικεφαλίδες σε ένα πίνακα με την ετικέτα <th>.

Παράδειγμα Πίνακα 2Χ2

Παράδειγμα Πίνακα 3Χ3


Παράδειγμα Πίνακα Με Κεφαλίδες

Σχόλια

Δημοφιλείς αναρτήσεις από αυτό το ιστολόγιο

Κουμπιά κοινωνικής δικτύωσης στο blog

Σήμερα θα σας δώσω πολύ ωραία gadget με κουμπιά για like,tweet,+1 όπως αυτά που βλέπετε παρακάτω. Μπορείτε να το προσθέσετε εύκολα στο blog σας με την γνωστή διαδικασία που αναφέρω ξανά πιο κάτω. Σύνδεση στο λογαριασμό μας στο blogger.com Διάταξη  Προσθήκη gadget HTML/JavaScript Αντιγραφή επικόλληση και αποθήκευση του κώδικα που έχει το χρώμα που θέλουμε (γράφω πάνω από κάθε κώδικα τι χρώμα έχει το gadget) Σημείωση : Για να εμφανιστεί και το κουμπί της google με το "+1" πρέπει να προσθέσετε το κώδικα που σας δίνω παρακάτω, εκτός και αν το προσθέσατε πιο παλιά. Για να το βάλουμε επιλέγουμε από το μενού "πρότυπο" ακολούθως "Επεξεργασία HTML" πατάμε "ctrl + f" για να ψάξουμε το "<head>", μόλις το βρούμε το προσθέτουμε μέσα στο head τμήμα κώδικα. Κώδικας για το κουμπί  +1 <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> Άσπρο <style>#floati...

Εγκατάσταση backtrack στα windows με βοήθεια εικονικής μηχανής

Καλησπέρα φίλοι μου, σήμερα σας έχω φτιάξει το βίντεο που μου ζητήσατε κάποιοι που είχατε δυσκολίες στην εγκατάσταση του  backtrack  σε εικονική μηχανή για να τρέχουνε στα windows. Είναι πάρα πολύ απλό, θα το δείτε στην συνέχεια στο video. Την εικονική μηχανή που έχω και εγώ για να τρέχουνε τα backtrack στα windows:  Κατεβάστε την εδώ . Τα Backtrack τα κατεβάζετε από εδώ . Κατεβάστε την τελευταία έκδοση δηλαδή το backtrack 5 R3. Επίσης σας έχω και μια εναλλακτική λύση εικονικής μηχανής που θα δείτε κάτω από το βίντεο, όπου μπορείτε να δείτε  οδηγίες για να κατεβάσετε και να τρέξετε το backtrack στο virtualbox της oracle. Εγκατάσταση backtrack σε εικονική μηχανή - Δείτε τον οδηγό βίντεο Μπορείτε αν θέλετε να κατεβάσετε την εικονική μηχανή (virtualbox) της oracle που είναι επίσης πολύ καλή και είναι δωρεάν. Κατεβάστε την από εδώ  https://www.virtualbox.org/wiki/Downloads . Όταν κατεβεί το κάνετ...

Σπάσιμο κωδικών facebook

Πώς μπορεί κάποιος να σας κλέψει τον κωδικό του Facebook (hack facebook). Παρακάτω σας έφτιαξα ένα βίντεο που μου ζητήσατε για το πως σπάμε κωδικούς στο facebook εύκολα. Με ένα απλό τρόπο μπορεί να σας κλέψουν το κωδικό του facebook . Το βίντεο είναι καθαρά για εκπαιδευτικούς σκοπούς.   Τον οδηγό αυτό κυρίως τον έφτιαξα για αρχάριους, να μπορούν να δουν ένα από τους πολλούς τρόπους που μπορεί κάποιος έμπειρος hacker να κλέψει τον κωδικό του ς. Μετά από το βίντεο θα έχετε μια άλφα γνώση και θα μπορείτε να προστατευτείτε. Τα εργαλεία που θα χρειαστείτε για να το κάνετε και εσείς :   http://lefta4klik.blogspot.gr/2012/12/spasimo-kodikon-crack-wep.html Όποιος έχει απορίες για το πως να σπάσω κωδικό facebook ας αφήσει σχόλιο να το βοηθήσουμε. Σημείωση : Η τεχνική αυτή δουλεύει όταν οι υπολογιστές βρίσκονται στο ίδιο δίκτυο.  Πώς σπάμε κωδικούς του φβ - Δείτε τον οδηγό βίντεο ...