API tools faq
paste
Tassos

Html ta perisotera ke parapanisia

Tassos
Feb 4th, 2015
298
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.32 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3.     <head>
  4.     <link rel = "stylesheet" type = "text/css" href = "styling.css" />
  5.     <meta name="Μάρθα Νούση" content="Παρέα με τον Τάσο Λισγάρα"> <!--Αυτό το έβαλα εγώ, λες απλώς ποιος είναι ο συντάκτης της page-->
  6.     <meta charset="UTF-8"> <!-- Αυτό το βάζουμε για να φαίνονται ΚΑΙ τα Ελληνικά.-->
  7. <!--    <meta http-equiv="refresh" content="10"> <!-- Refresh η σελίδα κάθε 10 δευτερόλεπτα. -->
  8.     <!-- και υπάρχουν και άλλα ωραία εδώ : http://www.w3schools.com/html/html_head.asp -->
  9.    
  10.     <title>Martha Nousi</title>
  11.    
  12.     </head>
  13.    
  14.     <body>
  15.     <a name = "top"> <h1> Μάρθα Νούση </h1> </a> <!-- Κάνω το h1 tag τοπικό δέσμο-->
  16.     <marquee bgcolor = "#3090C7" > <b>Τον κώδικα της σελίδας μπορείς να τον βρεις και <a href = "http://pastebin.com/ZC7kR4Aw" target = "_blank">εδώ.</a> --- www.g-lts.info --- </b> </marquee>
  17.     <p> Eίμαι η Μάρθα Νούση και I'm a <font color=red><b>little hacker!</b> </font> </P>
  18.  
  19.     <center>
  20.     <p> <font size=20> I love <b>HTML</b> </font> </p>
  21.     <hr color=green size=30>
  22.     </center>
  23.  
  24.     <h2> Λίστα χωρίς αρίθμηση (<font color=red>U</font>ndroerd <font color=red>L</font>ist)</h2>
  25.     <ul type = circle>
  26.         <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>
  27.         <li> Δεύτερη εγγραφή στην λίστα.
  28.     </ul>
  29.  
  30.     <h2> Λίστα με αρίθμηση (<font color=red>O</font>rder <font color=red>L</font>ist)</h2>
  31.     <ol>
  32.         <li> Πρώτη εγγραφή στην λίστα.
  33.         <li> Δεύτερη εγγραφή στην λίστα.
  34.         <li> Τρίτη εγγραφή στη λίστα.
  35.     </ol>
  36.  
  37.  
  38.     <!-- Φόρμα για τον χρήστη! -->
  39.    
  40. <center> <h3 title="Φόρμα για τον χρήστη">Πάμε να κάνουμε και μια φόρμα ώστε να εισάγει ο χρήστης δεδομένα.<h3> </center>
  41.  
  42.     <p>
  43.     <form class = "form-stylling">
  44.    
  45.     <p>
  46.     <label for = "name"> Όνομα : </label>
  47.     <input type = "text" size = "29" name="name" />
  48.     </p>
  49.    
  50.     <p>
  51.     <label for = "lastname" > Επώνυμο :</label>
  52.     <input type="text" size="29" name="lastname" />
  53.     </p>
  54.    
  55.     <p>
  56.     <labe for = "e-mail"> E-mail : </label>
  57.     <input type = "text" name = "e-mail" />
  58.     </p>
  59.    
  60.     <p>
  61.     <labe for = "password"> Κωδικός : </label>
  62.     <input type = "password" name = "password" />
  63.     </p>
  64.    
  65.     <p>
  66.     <input type = "submit" />
  67.     </p>
  68.    
  69.     <!-- Μέχρι εδώ είναι αυτά που πρέπει να ξέρουμε! ;) -->
  70.    
  71.     <!-- Κατασκευή ενός "drop-down", σαν μιας λίστας που θα επιλέγει ο χρήστης τι θέλει δηλαδή. -->
  72.     <!-- Σε αυτό δε χρησιμοποιούμε το input tag, αλλά το select tag -->
  73.     <!-- & τις επιλογές τις ορίζουμε με το option tag -->
  74.     <p>
  75.     <label for = "epiloges"> <b>ΠΡΈΠΕΙ</b> να επιλέξεις.</label>
  76.     <select name = "epiloges">
  77.    
  78.     <option value = ""></option> <!-- Την πρότη επιλογή την βάζω κενή ( ώστε να έχει "τρεις" επιλογές ο χρήστης ) -->
  79.     <option value = "omorfos">Ο Τάσος είναι όμορφος.</option>
  80.     <option value = "asximos">Ο Τάσος είναι άσχημος.</option>
  81.    
  82.     </select>
  83.     </p>
  84.     <!-- Τέλος λίστας (drop-down) επιλογών. -->
  85.    
  86.     <!-- Radio-box για επιλογή. -->
  87.     <i>Τι έχετε να πείτε για την δουλειά αυτή;</i>
  88.     <p> <input type = "radio" name = "aksizi" value = "Η προσπάθεια αξίζει" checked = "checked" /> Η προσπάθεια αξίζει. </p>
  89.     <p> <input type = "radio" name = "a3isi_&_nice_try" value = "Και αξίζει & ωραία δουλειά" /> Και αξίζει & ωραία δουλειά. </p>
  90.     <p> <input type = "radio" name = "telio_proxora" value = "Τέλεια δουλειά, συνέχισε έτσι"/> Τέλεια δουλειά, συνέχισε έτσι. </p>
  91.    
  92.     <!-- Τέλος επιλογών με radio. -->
  93.     <p>
  94.     <label for = "comments">Σχόλια ( <i>για τους κουτσομπόληδες</i> ) εδώ : <br></label>
  95.     <textarea name = "comments" rows = "10" cols = "50"> </textarea>
  96.     </p>
  97.    
  98.     <!-- Check-box επιλογή. -->
  99.     <p>
  100.     <label for = "checkbox">Είσαι μάγκας;</label>
  101.     <input type = "checkbox" name = "maga?" value = "checkbox">
  102.     </p>
  103.    
  104.     </form>
  105.     </p>
  106.     <!-- Τέλος φόρμας. -->
  107.    
  108.     <br><br><br>me lene NOTNI, pedakia moy kalaa!!! NOTNIII!! :D
  109.     <a href="https://..link../"> Πάτα εδώ για να ανοίξεις το σύνδεσμο. </a>
  110.    
  111.    
  112.     <br><br><br><br><br><br>
  113.     <!-- Αφήνω μερικές γραμμές. -->
  114.     <br><br><br><br><br><br>
  115.    
  116.     <center>
  117.     <h3 title = "Το πρόγραμμα εργαστηρίων"> Πρόγραμμα Εργαστηρίων  </h3>
  118.     <OL>
  119.     <LI>Τετάρτη 4/2 μεταξύ 10:00 – 12:00 στα Αμφ. Α-Γ
  120.         <UL>
  121.         <LI> <a href="http://www.ce.teiep.gr/news.php?sa=view_new&id=3817">Τοπικά και Αστικά Δίκτυα </a>
  122.         </UL>
  123.     <br>
  124.     <LI>Πέμπτη 5 Φεβρουαρίου στα Αμφιθέατρα Α και Β και ώρες 12.00-13.00
  125.             <UL>
  126.             <LI> <a href="http://www.ce.teiep.gr/news.php?sa=view_new&id=3816"> Πρωτόκολλα Επικοινωνίας Δικτύων </a>
  127.             </UL>
  128.     <br>
  129.     <LI>Πέμπτη 5/2/2015 στις 11:00 με 14:00
  130.              <UL>
  131.              <LI> <a href="http://www.ce.teiep.gr/news.php?sa=view_new&id=3812">Δομές Δεδομένων και Αλγόριθμοι εξέταση στην εργασία </a>
  132.              </UL>
  133.     <br>
  134.     <LI>Παρασκευή 6/2/2015 και ώρα 10:00 στα αμφιθέατρα Α, Γ
  135.     <UL>
  136.     <LI> <a href=R "http://www.ce.teiep.gr/news.php?sa=view_new&id=3814"> Ασύρματες Επικοινωνίες και Ασύρματα Δίκτυα </a>
  137.     </UL>
  138.     </OL>
  139.     </center>
  140.    
  141.    
  142.     <h4 align = center> Άντε να κάνουμε και ένα <b>πίνακα</b> τώρα. </h4>
  143.    
  144.     <table border> <!-- Με την ιδιότητα BORDER γίνονται ορατά τα κελιά του πίνακα. -->
  145.    
  146.     <TR> <!-- Η γραμμή ορίζετε μέσα στα <TR>...</TR> tags -->
  147.     <TH>ΕΠΙΚΕΦΑΛΙ∆Α</TH>
  148.     <TD>∆Ε∆ΟΜΕΝΑ1</TD>
  149.     <TD>∆Ε∆ΟΜΕΝΑ2</TD>
  150.     <TD>∆Ε∆ΟΜΕΝΑ2</TD>
  151.     </TR>
  152.    
  153.     </table>
  154.     <!-- Ορίσαμε (ένα ένα) τα κελιά της γραμμής:
  155.     <TH>...</TH> -> κελί επικεφαλίδας
  156.     <TD>...</TD> -> κελί δεδομένων -->
  157.    
  158.    
  159.     <p align = right>
  160.     <center><font face="Times New Roman" size=4> <i> Τέλος σελίδας.</i></font></center>
  161.     <div align = "right" > <a href="#top" title = "Πάτα για να πας στην κορυφή της σελίδας"> <b>Go Top<b> </a> </div> </p>
  162.     <!-- Παρατήρησε την "#" στο "href=.." αυτό σημαίνει πως χρησιμοποιώ τον τοπικό σύνδεσμο που έχω κάνει στην γραμμή 14.-->
  163.  
  164.  
  165.  
  166.     </body>
  167. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!