Αυτό το άρθρο είναι ένα άρθρο καθρέφτη της αυτόματης μετάφρασης, κάντε κλικ εδώ για να μεταβείτε στο αρχικό άρθρο.

Άποψη: 14116|Απάντηση: 1

[HTML/HTML5] Τριήμερη εκμάθηση HTML: Περίληψη εκμάθησης γλωσσών HTML (που πρέπει να δουν οι αρχάριοι)

[Αντιγραφή συνδέσμου]
Δημοσιεύτηκε στις 22/12/2014 11:05:45 μ.μ. | | |


Μια συλλογή κοινού κώδικα

1. Κείμενο τίτλου <h#>......</h#> #=1~6; h1 είναι η μεγαλύτερη λέξη, h6 είναι η μικρότερη λέξη

2. Αλλαγές γραμματοσειράς <font>......</font>

[1] Μέγεθος γραμματοσειράς <μέγεθος γραμματοσειράς=#>......</font> #=1~7; Όσο μεγαλύτερος είναι ο αριθμός, τόσο μεγαλύτερος είναι ο χαρακτήρας

[2] Καθορίστε τη γραμματοσειρά <font face="font name">......</font>

[3] Χρώμα κειμένου <χρώμα γραμματοσειράς=#rrggbb>......</font> rr: Κωδικός κόκκινου χρώματος πίνακα gg: Κωδικός πράσινου χρώματος πίνακα BB: Κωδικός χρώματος μπλε πίνακα

3. Εμφάνιση μικρών <small>......</small> γραμματοσειρών

4. Εμφάνιση μεγάλης <big>γραμματοσειράς ......</big>

5. Τολμηρή <b>......</b>

6. Πλάγια γραφή <i>......</i>

7. Γραμματοσειρά γραφομηχανής <tt>......</tt>

8. Κατώτατη γραμμή <u>......</u>

9. Διαγράμμιση <strike>......</strike>

10. Δείκτης <sub>......</sub>

11. Ετικέτα <sup>......</sup>

12. Εφέ που αναβοσβήνει <blink>κείμενο ......</blink>

13. Αλλαγές γραμμής <br>

14. <p>Κατάτμηση

15. Κατεύθυνση στοίχισης κειμένου <p align="#"> #号可为 αριστερά: Πίνακας στοιχισμένος προς τα αριστερά (προεπιλεγμένη τιμή) κέντρο: Πίνακας ευθυγραμμισμένος προς τη μέση δεξιά: Πίνακας στοιχισμένος προς τα δεξιά P.S.<p align="#"> Το κείμενο μετά από αυτό θα εμφανίζεται στο σύνολο στοίχισης μέχρι

Εμφανίζεται ένα άλλο <p align="#" > αλλάξει την κατεύθυνση στοίχισής του και όταν συναντήσει <hr>ή <h#> ετικέτα, θα επιστρέψει αυτόματα στην προεπιλεγμένη αριστερή στοίχιση.

16. Διαχωριστικά <hr>

[1] Το πάχος του διαιρέτη <μέγεθος ώρας = ο αριθμός των σημείων>

[2] Πλάτος του διαχωριστικού <μέγεθος ώρας=αριθμός σημείων ή ποσοστό>

[3] Κατεύθυνση στοίχισης διαχωριστικού <hr align="#"> #号可为 αριστερά: Πίνακας στοιχισμένος προς τα αριστερά (προεπιλεγμένη τιμή) κέντρο: Στοιχισμένος προς τη μέση δεξιά: Στοιχισμένος προς τα δεξιά

[4] Το χρώμα του διαχωριστικού <hr color=#rrggbb>

[5] Συμπαγές διαχωριστικό <hr noshade>

17. Κεντραρισμένη στοίχιση <center>......</center>

18. Εμφάνιση <pre>......</pre> στο αρχικό στυλ

19. <body>Χαρακτηριστικά των οδηγιών

[1] Χρώμα φόντου -- bgcolor <body bgcolor=#rrggbb>

[2] Μοτίβο φόντου -- φόντο <body background="όνομα αρχείου γραφικών">

[3] Ορίστε το μοτίβο φόντου δεν θα μετακινηθεί -- bgproperties <body bgproperties=fixed>

[4] Το χρώμα του κειμένου στο περιεχόμενο του αρχείου -- κείμενο <σώμα κειμένου=#rrggbb>

[5] Χρώμα κειμένου υπερ-- σύνδεσμος <σύνδεσμος σώματος=#rrggbb>

[6] Το χρώμα του κειμένου της υπερ-σύνδεσης που επιλέγεται -- vlink <body vlink=#rrggbb>

[7] Το χρώμα του κειμένου με υπερσύνδεσμο -- alink <body alink=#rrggbb>

1. Εικόνες

1. Εισαγάγετε την εικόνα <img src="graphic filename" >

2. Ορίστε το πλαίσιο -- περίγραμμα <img src="όνομα αρχείου γραφικών" border=points>

3. Ορίστε το μέγεθος του γραφήματος -- πλάτος, ύψος <img src="όνομα αρχείου σχεδίασης" πλάτος=πλάτος σημεία ύψος=σημεία ύψους>

4. Ρυθμίστε το γραφικό ώστε να αφήνει χώρο πάνω και κάτω, αριστερά και δεξιά, αριστερά και δεξιά, -- vspace, hspace <img src="όνομα αρχείου γραφικών" vspace=πάνω και κάτω σημεία διαστήματος hspace=αριστερά και δεξιά κενά σημεία>

5. Σημειώσεις γραφικών <img src="όνομα αρχείου γραφικών" alt="λεζάντα">

6. Προφόρτωση εικόνων

<img src="όνομα αρχείου γραφικών υψηλής ανάλυσης" lowsrc="όνομα αρχείου γραφικών χαμηλής ανάλυσης"> Υ.Γ. Το μέγεθος γραφικών των δύο γραφημάτων πρέπει να είναι το ίδιο

7. Χάρτης εικόνας <img src="Όνομα αρχείου γραφικών" usemap="#图的名称"> <όνομα χάρτη="Όνομα εικόνας">

<σχήμα περιοχής=συντεταγμένες σχήματος=λίστα συντεταγμένων περιοχής href="URL του σημείου σύνδεσης">

<σχήμα περιοχής=συντεταγμένες σχήματος=λίστα συντεταγμένων περιοχής href="URL του σημείου σύνδεσης">

<σχήμα περιοχής=συντεταγμένες σχήματος=λίστα συντεταγμένων περιοχής href="URL του σημείου σύνδεσης">

<σχήμα περιοχής=συντεταγμένες σχήματος=λίστα συντεταγμένων περιοχής href="URL του συνδέσμου"> </map>

[1] Ορισμός του σχήματος -- σχήμα

shape=rect:rectangle shape=circle:circle shape=poly:poly:poly

[2] Ορίστε την περιοχή -- συντεταγμένες

α. Ορθογώνιο: Πρέπει να χρησιμοποιηθούν τέσσερις αριθμοί, οι δύο πρώτοι αριθμοί είναι οι επάνω αριστερές συντεταγμένες και οι δύο τελευταίοι αριθμοί είναι οι κάτω δεξιές συντεταγμένες

Για παράδειγμα: <σχήμα περιοχής=ορθές συντεταγμένες=100,50,200,75 href="URL">

β. Κύκλος: Πρέπει να χρησιμοποιηθούν τρεις αριθμοί, οι δύο πρώτοι αριθμοί είναι οι συντεταγμένες του κέντρου του κύκλου και ο τελευταίος αριθμός είναι το μήκος της ακτίνας

Για παράδειγμα, <σχήμα περιοχής=συντεταγμένες κύκλου=85,155,30 href="URL">

γ. Οποιοδήποτε σχήμα (πολύγωνο): Συμπληρώστε τις συντεταγμένες κάθε σημείου καμπής του σχήματος με τη σειρά

Για παράδειγμα: <σχήμα περιοχής=πολυσυντεταγμένες=232,70,285,70,300,90,250,90,200,78 href="URL"

2. Πίνακας σχετικά με τον πίνακα

1. Τίτλος πίνακα

<caption>......</caption>

Θέση κεφαλίδας πίνακα -- στοίχιση

<caption align="#"> #号可为 top: Ο τίτλος του πίνακα τοποθετείται πάνω από τον πίνακα (προεπιλεγμένη τιμή)

κάτω: Ο τίτλος του πίνακα τοποθετείται κάτω από τον πίνακα

2. Ορίστε <tr>στήλες

3. Ορίστε τη στήλη 《1》<td>: Στοίχιση προς τα αριστερά

《2》<th>: Στοίχιση ii. έντονη γραφή

[1] Οριζόντια θέση -- στοίχιση <th align="#">

#号可为 αριστερά: Στοίχιση προς τα αριστερά

κέντρο:στοίχιση στο κέντρο δεξιά:στοίχιση προς τα δεξιά

[2] Κατακόρυφη θέση -- στοίχιση <th align="#"> #号可为

επάνω: Στοίχιση στη μέση: Στοίχιση στο κέντρο

κάτω: Στοίχιση προς τα κάτω

[3] Πλάτος στήλης -- πλάτος

<ο πλάτος=αριθμός πόντων ή ποσοστό>

[4] Κατακόρυφη συγχώνευση στηλών -- rowspan

<th rowspan=Θέλω να συγχωνεύσω τον αριθμό των στηλών >

[5] Οριζόντια συγχώνευση στηλών -- colspan

<th colspan=Θέλω να συγχωνεύσω τον αριθμό των στηλών>

3. ΠΛΑΙΣΙΟ

1. Εντολή διαχωρισμού παραθύρου <frameset>......</frameset>

[1] Κατακόρυφη διαίρεση (πάνω/κάτω) -- σειρές

<frameset rows=#> #号可为点数: Αν θέλετε να το χωρίσετε σε τρία παράθυρα, 100, 200, 300, τότε

<σειρές συνόλου πλαισίων=100.200.300>; Μπορεί επίσης να αναπαρασταθεί με ένα σύμβολο *, όπως <σειρές συνόλου πλαισίων=*,500,*>

Ποσοστό: Για παράδειγμα< σειρές συνόλου πλαισίων=30%, 70% >, το άθροισμα κάθε στοιχείου πρέπει να είναι 100%

[2] Οριζόντια (αριστερά/δεξιά) διαίρεση -- στήλες <στήλες συνόλου πλαισίων=στιγμές ή ποσοστό>

2. Καθορίστε το περιεχόμενο του παραθύρου <frame>--

<στήλες συνόλου πλαισίων=30%,70%> <frame> <frame> </frameset>

[1] Καθορίστε το όνομα αρχείου του παραθύρου -- src <frame src=όνομα αρχείου HTML>

[2] Ορίστε το όνομα του παραθύρου -- όνομα

<όνομα πλαισίου=όνομα παραθύρου>

[3] Ορίστε την απόσταση μεταξύ του αρχείου και του άνω και κάτω περιγράμματος -- marginheight

<frame marginheight=αριθμός σημείων>

[4] Ορίστε την απόσταση μεταξύ του αρχείου και του αριστερού και του δεξιού περιγράμματος -- πλάτος περιθωρίου

<πλάτος περιθωρίου πλαισίου=αριθμός στιγμών>

[5] Ορισμός της κύλισης διαιρούμενου παραθύρου -- κύλιση

<κύλιση καρέ=#> #号可为 ναι: Σταθεροί κύλινδροι κύλισης

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

[6] Κλειδώστε το μέγεθος του διαιρεμένου παραθύρου -- noresize <μέγεθος πλαισίου>

Επισήμανση τύπου μετάφρασης ή σημασίας Παρατηρήσεις συνάρτησης

Προσθήκη ετικετών αρχείων

<HTML> ● Δήλωση αρχείου Ενημερώνει το πρόγραμμα περιήγησης ότι πρόκειται για αρχείο HTML

<HEAD> ● Αρχή: Παρέχετε τις συνολικές πληροφορίες του εγγράφου

<TITLE> ● Τίτλος Καθορίζει τον τίτλο του αρχείου, ο οποίος θα εμφανίζεται στο επάνω μέρος της περιήγησης

<BODY> ● Αυτό το άρθρο σχεδιάζει τη μορφή αρχείου και το περιεχόμενο του κειμένου

Σήμα τυπογραφίας

<!-- Σημειώσεις --> ○ Σήμανση περιγραφής Προσθέστε μια περιγραφή στο αρχείο, αλλά δεν εμφανίζεται

<P> ○ Σήμανση παραγράφου Αφήστε μια κενή γραμμή μεταξύ λέξεων, σχεδίων, πινάκων κ.λπ

<BR> ○ Σημάδια αλλαγής γραμμής Κάντε λέξεις, σχέδια, πίνακες κ.λπ.

<HR> ○ Οριζόντια γραμμή Εισαγάγετε μια οριζόντια γραμμή

<CENTER> ● Επικεντρώθηκε για να εμφανίζει λέξεις, σχέδια, πίνακες κ.λπ.

<PRE> ● Η προκαθορισμένη μορφή κάνει το αρχείο να εμφανίζεται σύμφωνα με τη διάταξη του πηγαίου κώδικα

<DIV> ● Ξεχωριστοί δείκτες Ορίστε την τοποθέτηση λέξεων, σχεδίων, πινάκων κ.λπ

<STRONG> ● Τονίστε τον τόνο: Παράγει το εφέ της γραμματοσειράς: έντονη, έντονη γραφή

<B> ● Η έντονη σήμανση δημιουργεί το εφέ της έντονης γραμματοσειράς

<EM> ● Οι γραμματοσειρές με έμφαση έχουν πλάγιο αποτέλεσμα

<I> ● Πλάγια σήμανση Η γραμματοσειρά έχει πλάγιο εφέ

<TT> ● Γραμματοσειρά πληκτρολόγησης Γραμματοσειρά Courier με το ίδιο πλάτος γράμματος

<U> ● Προσθέστε μια κατώτατη γραμμή Προσθέστε μια κατώτατη γραμμή έναντι

<H1> ● Το σήμα τίτλου πρώτου επιπέδου γίνεται παχύτερο, μεγαλύτερο και φαρδύτερο και ο βαθμός είναι αντιστρόφως ανάλογος με τον αριθμό των σειρών

<H2> ● Οι δευτερεύοντες δείκτες τίτλου κάνουν τις γραμματοσειρές παχύτερες, μεγαλύτερες και ευρύτερες

<H3> ● Δείκτες τίτλου τριών επιπέδων: Κάντε τις γραμματοσειρές παχύτερες, μεγαλύτερες και ευρύτερες

<H4> ● Δείκτης τίτλου τεσσάρων επιπέδων για να κάνει τη γραμματοσειρά παχύτερη, μεγαλύτερη και ευρύτερη

<H5> ● Ο δείκτης τίτλου πέντε επιπέδων κάνει τις γραμματοσειρές παχύτερες, μεγαλύτερες και ευρύτερες

<H6> ● Δείκτης τίτλου έξι επιπέδων για να κάνει τη γραμματοσειρά πιο τολμηρή, μεγαλύτερη και ευρύτερη

<FONT> ● Δείκτες γλυφών Τοποθετήστε γλυφές, μεγέθη και χρώματα σε σχέση με αυτά

<BASEFONT> ○ Ο δείκτης γλυφών βάσης θέτει όλους τους γλύφους, τα μεγέθη, τα χρώματα σε αντίθεση

<BIG> ● Μεγέθυνση γραμματοσειράς: Κάντε τη γραμματοσειρά ελαφρώς μεγαλύτερη

<SMALL> ● Συρρίκνωση γραμματοσειράς: Κάντε τη γραμματοσειρά ελαφρώς μικρότερη

<STRIKE> ● Σχεδιάστε μια γραμμή για διαγραφή Προσθέστε μια διαγραφή στη γραμματοσειρά Εναντίωση

<CODE> ● Η γραμματοσειρά του κώδικα προγράμματος είναι ελαφρώς ευρύτερη, όπως π.χ<TT>

<KBD> ● Η γραμματοσειρά του πληκτρολογίου είναι ελαφρώς διευρυμένη, με ένα μόνο κενό

<SAMP> ● Παράδειγμα Η γραμματοσειρά είναι ελαφρώς διευρυμένη, όπως π.χ<TT>

<VAR> ● Μεταβλητό πλάγιο εφέ

<CITE> ● Βιογραφικά αποσπάσματα με πλάγιο αποτέλεσμα

<BLOCKQUOTE> ● Παραθέστε γραμματοσειρά εσοχής μπλοκ κειμένου

<DFN> ● Ορισμός κατηγορήματος Πλάγιο εφέ

<ADDRESS> ● Πλάγιο εφέ δείκτη διεύθυνσης






Προηγούμενος:Το Wireshark Network Analytics είναι τόσο εύκολο
Επόμενος:Εργαλείο επίθεσης Linux Anti-DDoS (D) DoS-Deflate
Δημοσιεύτηκε στις 25/12/2014 11:42:59 μ.μ. |
Τρεις μέρες είναι λίγο υπερβολικό HTML για να το δεις και να το δεις
Αποκήρυξη:
Όλο το λογισμικό, το υλικό προγραμματισμού ή τα άρθρα που δημοσιεύονται από το Code Farmer Network προορίζονται μόνο για μαθησιακούς και ερευνητικούς σκοπούς. Το παραπάνω περιεχόμενο δεν θα χρησιμοποιηθεί για εμπορικούς ή παράνομους σκοπούς, άλλως οι χρήστες θα υποστούν όλες τις συνέπειες. Οι πληροφορίες σε αυτόν τον ιστότοπο προέρχονται από το Διαδίκτυο και οι διαφορές πνευματικών δικαιωμάτων δεν έχουν καμία σχέση με αυτόν τον ιστότοπο. Πρέπει να διαγράψετε εντελώς το παραπάνω περιεχόμενο από τον υπολογιστή σας εντός 24 ωρών από τη λήψη. Εάν σας αρέσει το πρόγραμμα, υποστηρίξτε γνήσιο λογισμικό, αγοράστε εγγραφή και λάβετε καλύτερες γνήσιες υπηρεσίες. Εάν υπάρχει οποιαδήποτε παραβίαση, επικοινωνήστε μαζί μας μέσω email.

Mail To:help@itsvse.com