Προγραμματισμός

* Γνώση Υπολογιστών >> Προγραμματισμός >> Προγραμματισμός Υπολογιστών Γλώσσες

Πώς να Μορφή ιστοσελίδων Χρησιμοποιώντας Style Sheet μου

επικαλυπτόμενα φύλλα στυλ παρέχουν ένα μηχανισμό για την προσθήκη στυλ στις ιστοσελίδες και διαχωρισμό σημασιολογία της σελίδας παρουσίασης από το περιεχόμενο της σελίδας . CSS αναπτύχθηκε αρχικά για να λύσουν τα προβλήματα που εισήγαγε την καταχώριση πληροφοριών του στυλ σε ετικέτες HTML , μια πρακτική που οδήγησε στην ανεξέλεγκτη και ακριβά κώδικα HTML . Τα φύλλα στυλ παρέχει στους προγραμματιστές τη δυνατότητα να το στυλ την εμφάνιση των ιστοσελίδων σε μια συνεπή και επεκτάσιμο τρόπο διατηρώντας ετικέτες HTML για την περιγραφή του ίδιου του περιεχομένου . Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου
πρόγραμμα περιήγησης στο Web
Η Εμφάνιση Περισσότερες οδηγίες
Πώς να Format ιστοσελίδων Χρήση εξωτερικού Style Sheet

1

Ανοίξτε ένα κείμενο editor και να δημιουργήσετε ένα νέο αρχείο . Ονομάστε το αρχείο myStylesheet.css . 2

Επεξεργασία myStylesheet.css . Προσθέστε ένα στυλ στο αρχείο που χρώματα "

" ετικέτες που χρησιμοποιούνται σε οποιαδήποτε ιστοσελίδα που αναφέρεται σε κόκκινο myStylesheet.css . Αποθηκεύστε και κλείστε myStylesheet.css

σ.

{

χρώμα : κόκκινο?

} .
Εικόνων 3

Επιστροφή στο πρόγραμμα επεξεργασίας κειμένου , και να δημιουργήσετε ένα νέο αρχείο . Ονομάστε το αρχείο useExternal.html και να το αποθηκεύσετε στην ίδια θέση όπως myStylesheet.css .
Η 4

Επεξεργασία useExternal.html . Προσθέστε κάποια HTML στο αρχείο που περιλαμβάνει μια ανοιχτή HTML " " ετικέτα , μια ανοικτή HTML " " ετικέτα , μια στενή HTML " " ετικέτα , μια ανοικτή HTML " "ετικέτα , μια στενή HTML " "ετικέτα και μια στενή HTML " " Φτηνές 5

Συνεχίστε με την επεξεργασία useExternal.html . Προσθέστε ένα σύνδεσμο προς myStylesheet.css στην ενότητα " " του αρχείου . Ρυθμίστε το " href " τιμή " myStylesheet.css " , το " rel " τιμή " text /stylesheet " και ο "τύπος" τιμή " text /css " .







Η 6

Συνεχίστε με την επεξεργασία useExternal.html . Προσθέστε ένα HTML "

" tag κεφαλίδα στο αρχείο στην ενότητα " " , ρυθμίστε την κεφαλίδα στο κείμενο " Επικεφαλίδα κειμένου" και να κλείσει τις "

" ετικέτα .






Κείμενο κεφαλίδας




Η 7

Συνεχίστε με την επεξεργασία useExternal.html . Προσθέστε ένα HTML "

" tag παραγράφου στο αρχείο μετά την "

" ετικέτα , ρυθμίστε την παράγραφο κειμένου για να " Παράγραφος κειμένου" και κλείστε το "

" ετικέτα . Αποθηκεύστε και κλείστε το useExternal.html .






κείμενο κεφαλίδας


παράγραφος κειμένου




8

Open useExternal.html σε ένα πρόγραμμα περιήγησης στο web . Βεβαιωθείτε ότι το κείμενο που τοποθετείται στο εσωτερικό του "

" και "

" ετικέτες είναι χρωματισμένο κόκκινο .
Εικόνων Τρόπος διαμόρφωσης μιας ιστοσελίδας με ένα φύλλο Εσωτερική Style

9

Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου και να δημιουργήσετε ένα νέο αρχείο με όνομα useInternal.html . Προσθέστε κάποια HTML στο αρχείο που περιλαμβάνει μια ανοιχτή HTML " " ετικέτα , μια ανοικτή HTML " " ετικέτα , μια στενή HTML " " ετικέτα , μια ανοικτή HTML " "ετικέτα , μια στενή HTML " "ετικέτα , και μια στενή HTML " "
10

Συνεχίστε με την επεξεργασία useInternal.html . Προσθέστε ένα στυλ μεταξύ του " " και " " ετικέτες , ότι τα χρώματα οποιοδήποτε κείμενο που χρησιμοποιεί το "

" ετικέτα μπλε.



<στυλ
11

Συνεχίστε με την επεξεργασία useInternal.html . Προσθέστε ένα HTML "

" header ετικέτα στην ενότητα " " του αρχείου και να ρυθμίσετε το κείμενο κεφαλίδα " Κείμενο κεφαλίδας " . Κλείστε το "

" ετικέτα .



<Στυλ Κείμενο



Η 12

Συνεχίστε με την επεξεργασία useInternal.html . Προσθέστε ένα HTML "

" tag παραγράφου στο αρχείο μετά την "

" ετικέτα και να ρυθμίσετε το κείμενο παραγράφου σε " Παράγραφος κειμένου" . Κλείστε το "

" ετικέτα και να αποθηκεύσετε και κοντά useInternal.html .



<Στυλ Κείμενο


παράγραφος κειμένου




Η 13

Open useInternal.html σε ένα πρόγραμμα περιήγησης στο web . Βεβαιωθείτε ότι το κείμενο που τοποθετείται στο εσωτερικό του "

" και "

" ετικέτες είναι χρώματος μπλε .
Εικόνων Τρόπος διαμόρφωσης μιας ιστοσελίδας με ένα φύλλο Inline Style

14

Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου και να δημιουργήσετε ένα νέο αρχείο με όνομα useInline.html . Προσθέστε κάποια HTML στο αρχείο που περιλαμβάνει μια ανοιχτή HTML " " ετικέτα , μια ανοικτή HTML " " ετικέτα , μια στενή HTML " " ετικέτα , μια ανοικτή HTML " "ετικέτα , μια στενή HTML " "ετικέτα , και μια στενή HTML " "
15

Συνεχίστε με την επεξεργασία useInline.html . Προσθέστε ένα HTML "

" header ετικέτα στην ενότητα " " των αρχείων , που την κεφαλίδα στο κείμενο " Επικεφαλίδα κειμένου" και να κλείσει τις "

" ετικέτα .




Κείμενο κεφαλίδας




Τετάρτη 16

Συνεχίστε με την επεξεργασία useInline.html . Προσθέστε ένα HTML "

" tag παραγράφου στο αρχείο μετά την "

" ετικέτα , που το κείμενο της παραγράφου για να «Παράγραφος κειμένου" και να κλείσει το "

" ετικέτα .




Κείμενο κεφαλίδας


Κείμενο

παράγραφος




Η 17

Συνεχίστε με την επεξεργασία useInline.html . Επεξεργαστείτε το "

" tag παραγράφου και να προσθέσετε ένα "στυλ " παράμετρο που τα χρώματα οποιοδήποτε κείμενο που χρησιμοποιεί το "

" πράσινη ετικέτα .




Κείμενο κεφαλίδας


Παράγραφος κειμένου




Η 18

Open useInline.html σε ένα πρόγραμμα περιήγησης στο web . Βεβαιωθείτε ότι το κείμενο που τοποθετείται στο εσωτερικό του "

" και "

" ετικέτες είναι χρωματισμένο πράσινο .
Η
εικόνων

Συναφής σύστασή

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα