Φ1: Εισαγωγή στην HTML

 
 

Για να κατασκευάσουμε την ιστοσελίδα κάθε άσκησης χρησιμοποιούμε τον παρακάτω online html editor:

 tryit HTML editor 

ΕΝΑΛΛΑΚΤΙΚΑ:

Εισάγετε τις εντολές HTML στο γαλάζιο πλαίσιο. Η ιστοσελίδα που αντιστοιχεί στις εντολές φαίνεται στο λευκό πλαίσιο πιο κάτω: (Αρχικά δοκιμάστε να μεταφέρετε όλες τις εντολές με ΑΝΤΙΓΡΑΦΗ-ΕΠΙΚΟΛΛΗΣΗ. Στην συνέχεια μπορείτε να κάνετε αλλαγές και να δοκιμάσετε να αλλάξετε όπως θέλετε την λειτουργικότητα του κάθε παραδείγματος.)

Παράδειγμα Φ1.Π1

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head> 
	<title>Χρήση υπερσυνδέσμων</title>
</head>
<body>
<h1>Λίστα υπερσυνδέσμων</h1>	
	<a HREF="http://www.google.gr" target="_blank">
	Κάνε κλικ εδώ για αναζητήσεις</a>
	<br>
	<a HREF="http://www.youtube.com" target="_blank">
	Κάνε κλικ εδώ για βίντεο</a>
</body>
</html>

Παράδειγμα Φ1.Π2

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head> 
	<title>Χρήση εικόνων</title>
</head>
<body>
<h1>Σκυλόφατσες</h1>	
<img SRC="https://pyxis.nymag.com/v1/imgs/1fa/1b2
/4ae76fa8c9910485045e4f9a956345903b-18-puppy-dog-eyes.rsocial.w1200.jpg"
 width="50%">
<br>
<img SRC="https://dogtails.dogwatch.com/wp-content/uploads/2019/06/
Blog-FeaturedImg-Darby-Eyes-745x419.jpg" 
 width="50%">
</body>
</html>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

Αφήστε το σχόλιο σας

Εγγραφή σε: Αναρτήσεις (Atom)