<html>
<head>
<link rel = "stylesheet" type = "text/css" href = "styling.css" />
<meta name="Μάρθα Νούση" content="Παρέα με τον Τάσο Λισγάρα"> <!--Αυτό το έβαλα εγώ, λες απλώς ποιος είναι ο συντάκτης της page-->
<meta charset="UTF-8"> <!-- Αυτό το βάζουμε για να φαίνονται ΚΑΙ τα Ελληνικά.-->
<!-- <meta http-equiv="refresh" content="10"> <!-- Refresh η σελίδα κάθε 10 δευτερόλεπτα. -->
<!-- και υπάρχουν και άλλα ωραία εδώ : http://www.w3schools.com/html/html_head.asp -->
<title>Martha Nousi</title>
</head>
<body>
<a name = "top"> <h1> Μάρθα Νούση </h1> </a> <!-- Κάνω το h1 tag τοπικό δέσμο-->
<marquee bgcolor = "#3090C7" > <b>Τον κώδικα της σελίδας μπορείς να τον βρεις και <a href = "http://pastebin.com/ZC7kR4Aw" target = "_blank">εδώ.</a> --- www.g-lts.info --- </b> </marquee>
<p> Eίμαι η Μάρθα Νούση και I'm a <font color=red><b>little hacker!</b> </font> </P>
<center>
<p> <font size=20> I love <b>HTML</b> </font> </p>
<hr color=green size=30>
</center>
<h2> Λίστα χωρίς αρίθμηση (<font color=red>U</font>ndroerd <font color=red>L</font>ist)</h2>
<ul type = circle>
<li> Πρώτη εγγραφή στην λίστα. <IMG SRC="https://gianninanews.files.wordpress.com/2015/02/10952574_1048580315152688_5747602471216562149_n.jpg" title="h eikona mou" hspace=70 height=100 width=100 border = 2>
<li> Δεύτερη εγγραφή στην λίστα.
</ul>
<h2> Λίστα με αρίθμηση (<font color=red>O</font>rder <font color=red>L</font>ist)</h2>
<ol>
<li> Πρώτη εγγραφή στην λίστα.
<li> Δεύτερη εγγραφή στην λίστα.
<li> Τρίτη εγγραφή στη λίστα.
</ol>
<!-- Φόρμα για τον χρήστη! -->
<center> <h3 title="Φόρμα για τον χρήστη">Πάμε να κάνουμε και μια φόρμα ώστε να εισάγει ο χρήστης δεδομένα.<h3> </center>
<p>
<form class = "form-stylling">
<p>
<label for = "name"> Όνομα : </label>
<input type = "text" size = "29" name="name" />
</p>
<p>
<label for = "lastname" > Επώνυμο :</label>
<input type="text" size="29" name="lastname" />
</p>
<p>
<labe for = "e-mail"> E-mail : </label>
<input type = "text" name = "e-mail" />
</p>
<p>
<labe for = "password"> Κωδικός : </label>
<input type = "password" name = "password" />
</p>
<p>
<input type = "submit" />
</p>
<!-- Μέχρι εδώ είναι αυτά που πρέπει να ξέρουμε! ;) -->
<!-- Κατασκευή ενός "drop-down", σαν μιας λίστας που θα επιλέγει ο χρήστης τι θέλει δηλαδή. -->
<!-- Σε αυτό δε χρησιμοποιούμε το input tag, αλλά το select tag -->
<!-- & τις επιλογές τις ορίζουμε με το option tag -->
<p>
<label for = "epiloges"> <b>ΠΡΈΠΕΙ</b> να επιλέξεις.</label>
<select name = "epiloges">
<option value = ""></option> <!-- Την πρότη επιλογή την βάζω κενή ( ώστε να έχει "τρεις" επιλογές ο χρήστης ) -->
<option value = "omorfos">Ο Τάσος είναι όμορφος.</option>
<option value = "asximos">Ο Τάσος είναι άσχημος.</option>
</select>
</p>
<!-- Τέλος λίστας (drop-down) επιλογών. -->
<!-- Radio-box για επιλογή. -->
<i>Τι έχετε να πείτε για την δουλειά αυτή;</i>
<p> <input type = "radio" name = "aksizi" value = "Η προσπάθεια αξίζει" checked = "checked" /> Η προσπάθεια αξίζει. </p>
<p> <input type = "radio" name = "a3isi_&_nice_try" value = "Και αξίζει & ωραία δουλειά" /> Και αξίζει & ωραία δουλειά. </p>
<p> <input type = "radio" name = "telio_proxora" value = "Τέλεια δουλειά, συνέχισε έτσι"/> Τέλεια δουλειά, συνέχισε έτσι. </p>
<!-- Τέλος επιλογών με radio. -->
<p>
<label for = "comments">Σχόλια ( <i>για τους κουτσομπόληδες</i> ) εδώ : <br></label>
<textarea name = "comments" rows = "10" cols = "50"> </textarea>
</p>
<!-- Check-box επιλογή. -->
<p>
<label for = "checkbox">Είσαι μάγκας;</label>
<input type = "checkbox" name = "maga?" value = "checkbox">
</p>
</form>
</p>
<!-- Τέλος φόρμας. -->
<br><br><br>me lene NOTNI, pedakia moy kalaa!!! NOTNIII!! :D
<a href="https://..link../"> Πάτα εδώ για να ανοίξεις το σύνδεσμο. </a>
<br><br><br><br><br><br>
<!-- Αφήνω μερικές γραμμές. -->
<br><br><br><br><br><br>
<center>
<h3 title = "Το πρόγραμμα εργαστηρίων"> Πρόγραμμα Εργαστηρίων </h3>
<OL>
<LI>Τετάρτη 4/2 μεταξύ 10:00 – 12:00 στα Αμφ. Α-Γ
<UL>
<LI> <a href="http://www.ce.teiep.gr/news.php?sa=view_new&id=3817">Τοπικά και Αστικά Δίκτυα </a>
</UL>
<br>
<LI>Πέμπτη 5 Φεβρουαρίου στα Αμφιθέατρα Α και Β και ώρες 12.00-13.00
<UL>
<LI> <a href="http://www.ce.teiep.gr/news.php?sa=view_new&id=3816"> Πρωτόκολλα Επικοινωνίας Δικτύων </a>
</UL>
<br>
<LI>Πέμπτη 5/2/2015 στις 11:00 με 14:00
<UL>
<LI> <a href="http://www.ce.teiep.gr/news.php?sa=view_new&id=3812">Δομές Δεδομένων και Αλγόριθμοι εξέταση στην εργασία </a>
</UL>
<br>
<LI>Παρασκευή 6/2/2015 και ώρα 10:00 στα αμφιθέατρα Α, Γ
<UL>
<LI> <a href=R "http://www.ce.teiep.gr/news.php?sa=view_new&id=3814"> Ασύρματες Επικοινωνίες και Ασύρματα Δίκτυα </a>
</UL>
</OL>
</center>
<h4 align = center> Άντε να κάνουμε και ένα <b>πίνακα</b> τώρα. </h4>
<table border> <!-- Με την ιδιότητα BORDER γίνονται ορατά τα κελιά του πίνακα. -->
<TR> <!-- Η γραμμή ορίζετε μέσα στα <TR>...</TR> tags -->
<TH>ΕΠΙΚΕΦΑΛΙ∆Α</TH>
<TD>∆Ε∆ΟΜΕΝΑ1</TD>
<TD>∆Ε∆ΟΜΕΝΑ2</TD>
<TD>∆Ε∆ΟΜΕΝΑ2</TD>
</TR>
</table>
<!-- Ορίσαμε (ένα ένα) τα κελιά της γραμμής:
<TH>...</TH> -> κελί επικεφαλίδας
<TD>...</TD> -> κελί δεδομένων -->
<p align = right>
<center><font face="Times New Roman" size=4> <i> Τέλος σελίδας.</i></font></center>
<div align = "right" > <a href="#top" title = "Πάτα για να πας στην κορυφή της σελίδας"> <b>Go Top<b> </a> </div> </p>
<!-- Παρατήρησε την "#" στο "href=.." αυτό σημαίνει πως χρησιμοποιώ τον τοπικό σύνδεσμο που έχω κάνει στην γραμμή 14.-->
</body>
</html>
Comments