Σε αυτή την σελίδα περιγράφονται οι βασικές εντολές του HTML, ώστε να μπορέσετε να έχετε τον πλήρη έλεγχο της σελίδας σας. Στις μέρες μας οι website builders δεν καθιστούν απαραίτητη την γνώση HTML, αφού είναι εξοπλισμένοι με κουμπάκια και λειτουργίες, έτσι ώστε η εισαγωγή των περιεχομένων σε ένα website να γίνεται με μερικά απλά clicks.
Η γνώση λοιπόν του HTML δεν είναι απαραίτητη, καλό όμως είναι κατά την γνώμη μου να γνωρίζετε τις βασικές εντολές, αφού η γνώση αυτή θα σας δώσει πολύ μεγαλύτερη ευελιξία και ικανότητα να προσθέσετε στοιχεία στην σελίδα σας, χωρίς την βοήθεια κάποιου web designer.
Το HTML είναι μια πολύ απλή γλώσσα εμφάνισης, δεν πρέπει σε καμία περίπτωση να σας τρομάζει και αφού μάθετε την φιλοσοφία της και τις βασικές εντολές, σας προτείνω να επισκεφτείτε την W3Schools, που προσφέρει δωρεάν HTML tutorials για προχωρημένους.
Η δομή μίας σελίδας σε HTML
Ας δούμε πως είναι η βασική δομή μιας σελίδας σε κώδικα HTML.
<html>
<head>
<title>Ο τίτλος που εμφανίζεται στην σελίδα σας και στα αποτελέσματα των μηχανών αναζήτησης</title>
<meta name=”description” content=”Η περιγραφή της σελίδας, όπως θέλετε να εμφανίζεται στα αποτελέσματα των μηχανών αναζήτησης“>
<meta name=”keywords” content=“Εδώ εισάγονται 5 με 10 keywords σχετικές με το θέμα της σελίδας, χωρισμένες με κόμμα. “>
</head>
<body>
<p align=”left”>
Τα περιεχόμενα της σελίδας. Εδώ μπορείτε να εισάγετε κείμενο, φωτογραφίες, video και γενικότερα ότι επιθυμείτε να περιέχεται μέσα στην σελίδα.
</p>
</body>
</html>
Βασικές αρχές του HTML
Οι βασικές εντολές του HTML αποτελούνται από tags ή στα Ελληνικά ετικέτες. Οπότε έχουμε την opening tag, το κείμενο που επηρεάζει η tag και την closing tag. Ας δούμε ένα παράδειγμα.Ας υποθέσουμε πως θέλουμε να τονίσουμε με bold την λέξη “free” στην ακόλουθη πρόταση.
Free HTML tutorial
Η opening tag για τα bold είναι η <b> και η closing </b>. Η forward slash (/) χρησιμοποιείται πάντα μέσα στην closing tag. Οπότε ο HTML κώδικας είναι κάπως έτσι:
<b>Free</b> HTML tutorial, οποίος μας δίνει το:
Free HTML tutorial
Αν θέλαμε να εμφανιστεί όλη η πρόταση με bold τότε η closing tag θα έμπαινε μετά την λέξη tutorial. Δηλαδή:
<b>Free HTML tutorial</b>, που μας δίνει το:
Free HTML tutorial
Δύσκολο; Δεν νομίζω… Ας δούμε τις υπόλοιπες βασικές εντολές και πως επηρεάζουν το κείμενο.
Underline: Υπογραμμίζει το κείμενο ανάμεσα στις tags. Η opening tag είναι η<u> και η closing η </u>
Italics:Εμφανίζει με πλάγια γραφή το κείμενο. Opening tag <i>, closing tag </i>.
Νέα παράγραφος: Η tag <p> ξεκινάει μια νέα παράγραφο και αφήνει μία κενή γραμμή ανάμεσα στις παραγράφους. H closing tag </p>, δεν είναι απαραίτητη.
Line Break: Η tag <br> Αλλάζει γραμμή στο κείμενο. Δύο <br> tags ισοδυναμούν με μία <p>. Closing tag δεν υπάρχει.
Στοίχιση κειμένου αριστερά: <p align=”left”> και για closing tag χρησιμοποιείται η </p>.
Στοίχιση κειμένου δεξιά: <p align=”right”> και για closing tag χρησιμοποιείται η </p>.
Στοίχιση στο κέντρο:<center> για opening tag και </center> για closing tag.
Αλλαγή γραμματοσειράς: <font face=”Calibri”>. Ανάμεσα στα εισαγωγικά, γράφετε το όνομα της γραμματοσειράς που θέλετε να εμφανίζεται. Για closing tag χρησιμοποιείται η </font>.
Αλλαγή χρώματος γραμματοσειράς: <font color=”red”>. Για closing tag χρησιμοποιείται πάλι η </font>, όπως και για κάθε tag γραμματοσειράς.
Αλλαγή μεγέθους γραμματοσειράς:<font size=”5″>. Επιλέγουμε έναν αριθμό από το 1 μέχρι το 7.
Αν μέχρι στιγμής δεν καταλαβαίνετε και πολλά, καλύτερα να απευθυνθείτε στοSite Build It, που θα σας επιτρέψει να δημιουργήσετε ένα επαγγελματικό website, χωρίς να γνωρίζετε καθόλου από HTML.
διαβλαστε τη συνέχεια του άρθρου εδώ: http://makemoneyonline.gr
Αναρτήσεις
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου