<HTML>

Εισαγωγη και Βασικα Στοιχεια


Τάσος Σαγγιώτης
Γραμματέας IEEE SB Πανεπιστημίου Πατρών
tsagiotis@gmail.com

HTML

HyperText Markup Language

Η HTML είναι μία γλώσσα περιγραφής ιστοσελίδων


Χρησιμοποιεί διάφορα στοιχεία που ορίζονται μέσω ετικετών (tags)


Οι περιηγητές (βλ. Google Chrome, Mozilla Firefox) εμφανίζουν την HTML σαν μορφοποιημένη ιστοσελίδα

Καπως Ετσι...



<html>
    <body>    
        <h2>Hello World!</h2>
    </body>
</html> 
                        

Awesomeness

HTML5UP.net

Συνηθισμενες Ετικετες



HTML Αποτέλεσμα
<b>bold</b>
bold
<i>italicized</i>
italicized
<tt>type-written</tt>
type-written
HTML Αποτέλεσμα
<h1>Μεγαλυτερη Κεφαλιδα</h1>

Μεγαλυτερη Κεφαλιδα

<h6>Μικροτερη Κεφαλιδα</h6>
Μικροτερη Κεφαλιδα
HTML Αποτέλεσμα
<a href="http://google.com/">Google</a>
Google
<img src=http://upload.wikimedia.org/wikipedia/en/6/63/Upatras.jpg">

Λιστα:

<ul>
 <li> Πρώτο Αντικείμενο </li>
 <li> Δεύτερο Αντικείμενο </li>
</ul>
                
  • Πρώτο Αντικείμενο
  • Δεύτερο Αντικείμενο


Αριθμημενη Λιστα:

<ol>
 <li> Αντικείμενο 1 </li>
 <li> Αντικείμενο 2 </li>
</ol>
                
  1. Αντικείμενο 1
  2. Αντικείμενο 2
Made with Slides.com