You are on page 1of 5

Ασκήσεις Εκµάθησης των βασικών ετικετών στην HTML

Άσκηση 1

<html>
<head><title>Τίτλος Σελίδας</title></head>
<body>

<h1>Μία επικεφαλίδα</h1>

<p>Μια παράγραφος</p>

</body>
</html>

Άσκηση 2 (επικεφαλίδες)

<html>
<body>

<h1>Κεφαλίδα µεγέθους 1</h1>


<h2>Κεφαλίδα µεγέθους 2</h2>
<h3>Κεφαλίδα µεγέθους 3</h3>
<h4>Κεφαλίδα µεγέθους 4</h4>
<h5>Κεφαλίδα µεγέθους 5</h5>
<h6>Κεφαλίδα µεγέθους 6</h6>

</body>
</html>

Άσκηση 3 (Παράγραφοι)

<html>
<body>
<p>Πρώτη παράγραφος.</p>
<p>∆εύτερη παράγραφος.</p>
<p>Τρίτη παράγραφος</p>
</body>
</html>

[1]
Άσκηση 4 (ιδιότητες γραµµάτων)

<html>
<body>

<p><b>Έντονο κείµενο</b></p>
<p><i>Πλάγιο κείµενο</i></p>
<p><u>Υπογραµµισµένο κείµενο</u></p>
<p><del>∆ιεγραµµένο κείµενο</del></p>
<p><big>Μεγάλο κείµενο</big></p>
<p><small>Μικρό κείµενο</small></p>
<p>Αυτή είναι µια <sub>υπόστιξη</sub> και µια
<sup>επιγραφή</sup></p>

<p><acronym title="Ευρωπαϊκή Ένωση">ΕΕ</acronym>


<!-- Όταν περάσετε το ποντίκι πάνω από αυτό το
κείµενο θα εµφανιστεί επεξήγηση. --></p>

</body>
</html>

Άσκηση 5.1 (εισαγωγή εικόνας)


∆ηµιουργήστε στον ίδιο φάκελο ένα αρχείο εικόνας µε όνοµα 111.jpg.

<html>
<body>
<img src="111.jpg">
</body>
</html>

Άσκηση 5.2 (εισαγωγή εικόνας για φόντο)

<html>
<body background="111.jpg ">
</html>

[2]
Άσκηση 5.3 (εισαγωγή εικόνας µε στοίχιση)

<p>
<img src ="111.jpg "
align ="left" width="48" height="48">
Μια παράγραφος µε µια εικόνα στα αριστερά. Για να εµφανιστεί
σωστά καλύτερα προσθέστε
αρκετό κείµενο για να το δείτε πως θα εµφανίζεται.
</p>
<p>
<img src ="111.jpg"
align ="right" width="48" height="48">
Μια παράγραφος µε µια εικόνα στα δεξιά. Για να εµφανιστεί σωστά
καλύτερα προσθέστε
αρκετό κείµενο για να το δείτε πως θα εµφανίζεται.
</p>

Άσκηση 6.1 (εσωτερικοί σύνδεσµοι)

Γράψτε τον παρακάτω κώδικα στο αρχείο index.htm .

<html>
<body>

<h1>Τίτλος σελίδας</h1>
<a href="page1.html">Σελίδα 1</a>
<a href="page2.html">Σελίδα 2</a>

</body>
</html>

Επίσης δηµιουργήστε στον ίδιο φάκελο, άλλα δύο αρχεία µε το


όνοµα page1.htm, και page2.htm, το καθένα µε ξεχωριστό περιεχόµενο. Κατόπιν,
ανοίξτε µε τον φυλλοµετρητή σας το αρχείο index.htm, και θα δείτε δύο συνδέσµους,
ο καθένας να οδηγεί σε µια από τις δύο σελίδες..

Άσκηση 6.2 (εξωτερικοί σύνδεσµοι)

<a href="lykeioabc.blogspot.gr">Αυτός είναι ένας σύνδεσµος


που οδηγεί στην κεντρική σελίδα του Λυκείου.</a>

Άσκηση 7 )

<html>
[3]
<head>
<title> ΑΣΚΗΣΗ ΤΕΛΙΚΗ</title>
</head>
<body>
<h2> ΑΣΚΗΣΗ ΤΕΛΙΚΗ</h2>
<hr>
<h3> Μειονοτικό Λύκειο Κοµοτηνής</h3>
Α' τάξη Τµήµα: <br>
Επίθετο Όνοµα 1<br>
Επίθετο Όνοµα 2</p>

<p align="center">Πατήστε επάνω στην Άσκηση για την αντίστοιχη


Ιστοσελίδα:</p>
<p align="center"><a href=”ασκηση1.htm”> Άσκηση 1</a><br>
<a href=”ασκηση2.htm”> <align=”center”> Άσκηση 2</a><br>
<a href=”ασκηση3.htm”> <align=”center”> Άσκηση 3</a><br>
<a href=”ασκηση4.htm”> <align=”center”> Άσκηση 4</a><br>
<a href=”ασκηση5.htm”> <align=”center”> Άσκηση 5</a><br>
<a href=”ασκηση6.htm”> <align=”center”> Άσκηση 6</a><br>
<a href="ασκηση7.htm"> <align=”center”> Άσκηση 7</a><br></p>
<p align="center">Πατήστε επάνω στον τίτλο για την αντίστοιχη
Ιστοσελίδα:</p>
<p align="center"><a href="http://www.google.gr"> Αναζήτηση
Google</a><br>
<a href="http://lykeioabc.blogspot.gr"> Εφαρµογές Πληροφορικής
Μ.Λ.Κ.</a><br>
<a href="http://www.komotini.gr"> ∆ήµος Κοµοτηνής</a></p>
</body>
</html>

[4]
Άσκηση 8

<html>
<head>
<title>ΧΑΒΑΗ</title>
</head>
<body>
<h1>ΧΑΒΑΗ</h1>
<hr>
<img src="hawaii-1.jpg" width="200" height="200" border="2"
align="middle">
<img src="hawaii-2.jpg" width="200" height="200" border="2"
align="middle">
<p>Εικόνες από τη Χαβάη</p>
<hr>
<p><b><u>Πολιτεία των ΗΠΑ</u></b></br>
Η Χαβάη, είναι νησιωτικό σύµπλεγµα στον <b><i>Ειρηνικό Ωκεανό
</b></i>και αποτελεί πολιτεία των ΗΠΑ. <br>Πήρε το καθεστώς της 50ής
κατά σειρά πολιτείας.</p>
<p><b>Πρωτεύουσα:</b> Χονολουλού</p>
<p><b>Περιοχή:</b> 28.311 km²</p>
<p><b>Ηµεροµηνία προσθήκης Πολιτείας στις ΗΠΑ:</b> 21 Αυγούστου
1959</p>
<p><b>Πληθυσµός:</b> 1,42 εκατοµµύρια (2014)</p>
</body>
</html>

[5]

You might also like