10
ΘΕΩΡΗΤΙΚΟ ΥΠΟΒΑΘΡΟ
<!DOCTYPE html>
<html>
<head>
<title>PAGE</title>
</head>
<body>
<h1>My first page</h1>
<p>Paragraph</p>
</body>
</html>
Κώδικας 1: Πρόγραμμα HTML5.
Η γλώσσα προγραμματισμού HTML περιέχει ένα μεγάλο πλήθος από ετικέτες
που βοηθούν στην ευκολότερη και ταχύτερη υλοποίηση μια ιστοσελίδας. Στον Πίνακας
1 παρουσιάζονται συνοπτικά οι βασικές ετικέτες της HTML.
Πίνακας 1: Οι βασικές ετικέτες της HTML.
HTML ετικέτα
Λειτουργία
<!DOCTYPE>
Πρότυπο HTML
<html> … <html>
Δηλώνει ότι το έγγραφο είναι HTML
<head> … </head>
Oρίζει την κεφαλή της σελίδας
<title> … </title>
Ορίζει τον τίτλο του εγγράφου
<body> … </body>
Ορίζει το κυρίως περιεχόμενο της HTML σελίδας
<div> … </div>
Ορίζει ένα τμήμα στο HTML έγγραφο.
<table> … </table>
Ορίζει ένα πίνακα
<thead> … </thead>
Ορίζει την επικεφαλίδα του πίνακα
<tbody> … </tbody>
Κυρίως περιεχόμενο του πίνακα
<tfoot> … </tfoot>
Ορίζει το υποσέλιδο του πίνακα
<tr> … </tr>
Ορίζει μια γραμμή του πίνακα
<td> … </td>
Ορίζει ένα κελί στην γραμμή ενός πίνακα
<h1>,<h2>,…,<h6>
Ορίζει επικεφαλίδες
<button> … </button>
Ορίζει ένα κουμπί
<form> … </form>
Ορίζει μια φόρμα
<input>
Εισάγουμε ένα πεδίο φόρμας στο οποίο ο χρήστης μπορεί
να πληκτρολογήσει δεδομένα
<select> … </select>
Εισάγουμε Λίστες Επιλογών στην σελίδα μας
<option> …</option>
τοποθετείται μέσα στις ετικέτες <select> και αντιστοιχεί
σε μια επιλογή της λίστας.