Τετάρτη 1 Απριλίου 2020

Online Editor για HTML

Για να δοκιμάσουμε την παραγωγή HTML μπορούμε να αξιοποιήσουμε τον On-line editor
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic

Ο χρήστης γράφει τον κώδικα του στα αριστερά και όταν ολοκληρώσει πατάει στο κουμπί Run για να δει τα αποτελέσματα στα δεξιά.

Συνδεόμαστε στο https://www.w3schools.com/ και στο παράδειγμα που έχει πατάμε στο "Try it Yourself" 

Ο W3Schools Online HTML Editor  είναι ένας απλός HTML editor που είναι προσβάσιμος μέσω Διαδικτύου. Το περιβάλλον του είναι αρκετά απλό και αποτελείται από δύο βασικές περιοχές: μία περιοχή για τη συγγραφή του κώδικα HTML και μία για την εμφάνιση των αποτελεσμάτων. Ο χρήστης γράφει τον κώδικα του στα αριστερά και όταν ολοκληρώσει πατάει στο κουμπί Run για να δει τα αποτελέσματα στα δεξιά.

Δοκιμάστε να τροποποιήσετε το παράδειγμα, ώστε να έχει ως "τίτλο" το ονοματεπώνυμό σας και ως "κείμενο" το Ευτυχισμένο το 2021.  (βλέπετε το αποτέλεσμα πατώντας το κουμπί Run)
θα δείτε κάτι που θα μοιάζει με την εικόνα
Αποθηκεύστε τη δοκιμή σας πατώντας τη "δισκέτα" (τρίτο κουμπί)
Στο παράθυρο που βγαίνει επιλέξτε save

Στο παράθυρο που ανοίγει πατήστε στο σύνδεσμο
image.png

Πατήστε στη γραμμή διευθύνσεων και κάντε αντιγραφή-επικόλληση το σύνδεσμο 
σε ένα email.


ΣΗΜΑΝΤΙΚΗ ΕΝΗΜΕΡΩΣΗ 2024
1) Λόγω αλλαγών στο περιβάλλον πρέπει να γίνει πρώτα Εγγραφή (Sign-up) την πρώτη φορά που χρησιμοποιούμε το περιβάλλον και τις επόμενες φορές Σύνδεση (Sing-in) όταν θέλουμε να μπορούμε να στείλουμε τις εργασίες μας

2) Όταν θέλουμε να χρησιμοποιούμε Ελληνικά γράμματα πρέπει να μπαίνει στον κώδικα, στην αρχή,  η ακόλουθη γραμμή, ώστε να μπορεί να δείχνει σωστά τα Ελληνικά
<meta charset="UTF-8">













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

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