Μάθημα : Σχεδιασμός και ανάπτυξη ιστοτόπων

Κωδικός : T522236

Σχεδιασμός και ανάπτυξη ιστοτόπων

T522236  -  ΔΗΜΗΤΡΙΟΣ ΜΠΑΜΠΑΣ

Ενότητες μαθήματος - HTML- Μορφοποίηση Ιστοσελίδας

HTML- Μορφοποίηση Ιστοσελίδας

HTML Βασική δομή Ιστοσελίδας HTML- Λίστες (ταξινομημένες, μ...

<br> αλλαγή γραμμής
<u>κείμενο </u> υπογράμμιση
<b>κείμενο</b> έντονα γράμματα
<i>κείμενο</i>  πλάγια γράμματα
<strong> κείμενο</strong> έντονα γράμματα
<small>κείμενο</small> μικρά μέγεθος γράμματα

<Hx>κείμενο</Hx> Το κείμενο εμφανίζεται με έντονα γράμματα, με ύψος μεγαλύτερο ή μικρότερο από το κανονικό (ανάλογα την τιμή του x), και με μία κενή γραμμή πριν και μετά.
(Το x παίρνει τιμές από 1 μέχρι 6)

<font παράμετροι>κείμενο </font>
Αλλάζει τις ρυθμίσεις γραμματοσειράς για το κείμενο. Οι ρυθμίσεις καθορίζονται από τις παραμέτρους.
Παράμετροι
color=όνομα χρώματος
αλλάζει το χρώμα της γραμματοσειράς
size=αριθμός-μέγεθος
αλλάζει το ύψος της γραμματοσειράς
face=όνομα γραμματοσειράς
αλλάζει τη γραμματοσειρά

<center>κείμενο </center>
Το κείμενο κεντράρεται

<P>
Παράγραφος. Υπάρχει κενό περιθώριο πριν και μετά την παράγραφο

<p align=τιμη>κείμενο</p>
τιμη=left, right, center, justify
Το κείμενο εμφανίζεται ως παράγραφος και είναι ευθυγραμμισμένο ανάλογα με την τιμή της παραμέτρου align.
left αριστερά
right δεξιά
center κεντραρισμένο
justify πλήρης ευθυγράμμιση, δηλαδή και από την αριστερή και από τη δεξιά πλευρά.

<HR>
Διαχωριστική γραμμή.
Η εντολή μπορεί να δεχτεί την
παράμετρος size=αριθμός
Καθοριζεται το πάχος της γραμμής σε pixel

 

&nbsp;   Ο χαρακτήρας του κενού

Ασκήσεις
Μορφοποίηση Ιστοσελίδας -Άσκηση 1

<html>
<head>
         <title>Covid-19</title>
</head>
<body>
         Ανακοίνωση<br>
         Σήμερα <U>Πέμπτη 1/10/2020 </u> ανακοινώνεται ότι τα ενεργά     
         κρούσματα είναι στην Αθήνα <b>260</b>. <br>
        Το αμέσως προσεχές διάστημα θα ανακοινωθούν νέα μέτρα.<br><br>
        <i>ΕΟΔΥ</i>
</body>
</html>

Ασκήσεις
Μορφοποίηση Ιστοσελίδας -Άσκηση 2

<html>
<head>

        <title>αγγελίες</title>

</head>
<body bgcolor=DarkSlateGrey text=white >
           <h1>Σκληρός δίσκος 1 TB </h1>
           Πωλείται μεταχειρισμένος σκληρός δίσκος με     χωρητικότητα <b>1 TB</b>. <br>
         Ο δίσκος έχει <U>2000 ώρες λειτουργίας</u>.<br>
         Τιμή <strong>20 ευρώ </strong> (συζητήσιμη)<br>
          <small>τηλ:<i>6973555555</i></small>
</body>
</html>

Ασκήσεις
Μορφοποίηση Ιστοσελίδας -3

<html>
<head>
<title>εκλογές </title>
</head>
<body bgcolor=grey text=white>
         <H1>Εκλογές 2020</h1>
         Οι εκλογές για το<strong>15μελές</strong> θα    διεξαχθούν την <u><font color=red>Παρασκευή   15/10/2020</font></u>.<br>
        <i>Η διεύθυνση του σχολείου</i>
</body>
</html>

Ασκήσεις
Μορφοποίηση Ιστοσελίδας -4

<html>
<head>
       <!--δηλώσεις -->
       <title>Εκλογές</title>
       <!--τίτλος ιστοσελίδας -->
</head>
<body bgcolor=DarkSlateGrey text=white>
          <!--περιεχόμενο ιστοσελίδας-->
          <h1>Υποψήφιοι 15μελους του Εσπερινου ΕΠΑΛ    Σταυρούπολης </h1>
          <ol>
               <li><font color=blue>Αντώνης Ρέμος</font>
               <li><font size=+3>Γιάννης Πλούταρχος</font>
               <li><font face=Arial>Άννα Βίσση</font>
               <li>Σάκης Ρουβάς
               <li>Δέσποινα Βανδή
               <li>Καίτη Γαρμπή
         </ol>
</body>

Ασκήσεις
Μορφοποίηση Ιστοσελίδας -Άσκηση 6

<html>
<head>
<!--δηλώσεις -->
<title>Νέος κορωνοϊός Covid-19 – Οδηγίες</title>
<!--τίτλος ιστοσελίδας -->
</head>
<body BACKGROUND="covid.jpg" >
<CENTER><h1>Νέος κορωνοϊός Covid <SUP>19</SUP> – Οδηγίες</h1> </Center>
<P align=left>Στην πόλη Wuhan, επαρχία Hubei , στην Κίνα, εμφανίστηκε συρροή κρουσμάτων πνευμονίας. Στις 9 Ιανουαρίου 2020 οι υγειονομικές αρχές της Κίνας ανακοίνωσαν ότι πρόκειται για νέο στέλεχος κορωνοϊού (<SUB>2019</SUB>-nCoV). </P>
<P Align=Right>Οι κορωνοϊοί είναι μία ομάδα ιών που συνήθως προκαλούν αναπνευστικές λοιμώξεις με ποικίλη σοβαρότητα στον άνθρωπο και στα ζώα. Εκτιμάται ότι περίπου το ένα τρίτο των λοιμώξεων ανώτερου αναπνευστικού στον άνθρωπο μπορεί να προκαλείται από κορωνοϊούς. </P>
<P align=Justify>Συχνότερα συμπτώματα είναι ο πυρετός, ο βήχας (συχνότερα ξηρός και λιγότερο συχνά παραγωγικός δηλαδή με απόχρεμψη) και η δύσπνοια. Μυικοί πόνοι (μυαλγία), φλέγματα, πονόλαιμος, ρινική καταρροή, ανοσμία, κεφαλαλγία και διάρροια είναι λιγότερο συχνά. Ενώ οι περισσότεροι ασθενείς παρουσιάζουν ήπια συμπτωματολογία, σε ορισμένους η ασθένεια εξελίσσεται σε ιογενή πνευμονία, η οποία στις βαρύτερες περιπτώσεις μπορεί να οδηγήσει σε οξεία αναπνευστική ανεπάρκεια (σύνδρομο αναπνευστικής δυσχέρειας των ενηλίκων-ARDS), σηπτικό σοκ (σηπτική καταπληξία) ή σύνδρομο πολυοργανικής ανεπάρκειας.</P>
<HR size=5>
</body>
</html>