HTML Σημειώσεις (μία ευγενική προσφορά της κας Νατσιοπούλου)

Δημοσιευμένο στις 14 Νοεμβρίου 2008 Κατηγορία: Γενικά από ΜΩΥΣΙΔΗΣ ΒΑΣΙΛΗΣ

HTML 

Σκελετός Κώδικα HTML 

<HTML>

<head>

<title>?????.</title>

</head>

<body>

????

????

????

</body>

<HTML>

Βασικές Ετικέτες της HTML

1

<br>

Αλλαγή γραμμής στο σημείο που τοποθετείται.

2

<Hi>????</Hi>

i = 1, 2, 3, 4, 5, 6

Καθορίζει το μέγεθος της γραμματοσειράς.

Αφήνει μια κενή γραμμή πριν και μετά.

i = 1 Το πιο μεγάλο μέγεθος

…………………………………….

i = 6 Το πιο μικρό μέγεθος

3

<Β>????</Β>

Εμφανίζει το περιεχόμενο με έντονη γραφή.

4

<U>????</U>

Εμφανίζει το περιεχόμενο υπογραμμισμένο.

5

<I>????</I>

Εμφανίζει το περιεχόμενο με πλάγια γραφή.

6

<hr>

Τοποθετεί οριζόντια γραμμή και αλλάζει σειρά.

7

<center>??..</center>

Στοιχίζει το περιεχόμενο στο κέντρο.

8

<sub>???..</sub>

Εμφανίζει το περιεχόμενο σαν δείκτη (χαρακτήρες μικρού μεγέθους και κάτω από την κανονική γραμμή κειμένου).

9

<sup>???..</sup>

Εμφανίζει το περιεχόμενο σαν εκθέτη (χαρακτήρες μικρού μεγέθους και πάνω από την κανονική γραμμή κειμένου).

10

<BODY BGColor=?χρώμα? text=?χρώμα ?>

Με το BGColor ορίζεται το χρώμα της ιστοσελίδας και με το text ορίζεται το χρώμμα των γραμμάτων του κειμένου που εμφανίζεται στην ιστοσελίδα.

11

<HR align=?στοίχιση? width=?μήκος? size=?ύψος? color=?χρώμα? >

H παράμετρος align ορίζει την στοίχιση της γραμμής και μπορεί να πάρει τις τιμές: left(αριστερά), center(κέντρο) και right(δεξιά).

H παράμετρος width ορίζει το μήκος της γραμμής σε pixels επί της εκατό του παραθύρου εμφάνισης. Το 1000 αντιστοιχεί σε όλο το μήκος του παραθύρου.

Η παράμετρος size ορίζει το ύψος της γραμμής σε pixels.

Η παράμετρος color ορίζει το χρώμα της γραμμής.

12

<P align=?στοίχιση?>

Δημιουργεί νέα παράγραφο. Η αρχή της παραγράφου τοποθετείται αυτόματα στο αριστερό μέρος της γραμμής, εκτός και αν οριστεί με την βοήθεια της παραμέτρου align.

Left τοποθετείται αριστερά

Center τοποθετείται στο κέντρο

Right τοποθετείται δεξιά.

13

<FONT face=?γραμματοσειρά? size=?μέγεθος? color=?χρώμα? >??.</FONT>

Καθορίζει πλήρως την εμφάνιση του κειμένου που περιέχεται στην ετικέτα.

H παράμετρος face ορίζει τη γραμματοσειρά με την οποία θέλουμε να εμφανιστεί το κείμενο. Μπορούμε να έχουμε και δεύτερη εναλλακτική επιλογή γραμματοσειράς π.χ. face=?arial?,?Helvetica?

H παράμετρος size ορίζει το μέγεθος των χαρακτήρων από 1 έως και 7 .

H παράμετρος color ορίζει το χρώμα των χαρακτήρων.

14

<OL type=??? start=???>

<li> 1ο στοιχείο της λίστας

<li> 2ο στοιχείο της λίστας

…..

<li> τελευταίο στοιχείο της

λίστας

</OL>

Εμφανίζει μία ταξινομημένη (αριθμητική) λίστα. Η παράμετρος type δηλώνει το είδος της αριθμητικής λίστας (1 για αριθμητικές τιμές, Α για αλφαβητικές τιμές από το Α μέχρι το Ζ, a για αλφαβητικές τιμές από το a μέχρι το z, i για αριθμητικές τιμές σε λατινικούς χαρακτήρες ). Η παράμερος start δηλώνει την αρχική τιμή.

15

<UL type=??? >

<li> 1ο στοιχείο της λίστας

<li> 2ο στοιχείο της λίστας

…..

<li> τελευταίο στοιχείο της

λίστας

</UL>

Εμφανίζει μία μη ταξινομημένη (με κουκίδες) λίστα. Η παράμετρος type δηλώνει το είδος της λίστας (disc για ? , circle για o και square για ? ). Η παράμετρος type μπορεί να μπει και μέσα στην ετικέτα <li> και να αλλάξει μόνο την κουκίδα του συγκεκριμένου στοιχείου της λίστας.

Π.χ. <li type=?square?>??

16

<DL>

<DT> Όρος που θα επεξηγηθεί

<DD> Επεξήγηση

<DT> Όρος που θα επεξηγηθεί

<DD> Επεξήγηση

………….

<DT> Όρος που θα επεξηγηθεί

<DD> Επεξήγηση

</DL>

Εμφανίζει μία λίστα ορισμών και τις επεξηγήσεις τους

17

<!– ………….–>

Εισάγει το περιεχόμενο της ετικέτας σαν σχόλιο και δεν το εμφανίζει στην ιστοσελίδα.

18

<IMG src=??? width=??? height=??? border=??? hspace=??? vspace=??? alt=???align=??? >

Τοποθετεί μία εικόνα στην ιστοσελίδα. Η παράμετρος width ορίζει το πλάτος της εικόνας (%), η height το ύψος της εικόνας(%), η border τοποθετεί πλαίσιο γύρω από την εικόνα με πάχος σε στιγμές, η hspace αφήνει ένα κενό σε στιγμές αριστερά και δεξιά της εικόνας, η vspace αφήνει ένα κενό σε στιγμές πάνω και κάτω από την εικόνα, η alt εμφανίζει ένα επεξηγηματικό κείμενο σε περίπτωση μη εμφάνισης της εικόνας και η align στοιχίζει την εικόνα σε σχέση με το κείμενο.




Αφήστε μια απάντηση