Tab Space αντί για πολλαπλά διαστήματα χωρίς διακοπή (' ');

Tab Space Anti Gia Pollapla Diastemata Choris Diakope Nbsp



Στην ανάπτυξη ιστού, τα κενά προστίθενται σε έγγραφα HTML χρησιμοποιώντας το '   ” κωδικός οντότητας που αναφέρεται επίσης ως ο χώρος χωρίς διακοπή. Σε ορισμένες περιπτώσεις, απαιτείται η προσθήκη πολλών διαστημάτων χωρίς διακοπή στο έγγραφο, όπως ο χώρος στηλοθέτη. Επομένως, πολλαπλές ' ' Οι κωδικοί οντοτήτων ενδέχεται να επηρεάσουν την ακολουθία κωδικών και την καθαρότητα του εγγράφου.

Για να αντιμετωπίσετε αυτά τα ζητήματα, υπάρχουν αρκετοί άλλοι τρόποι για να συμπεριλάβετε πολλά κενά χωρίς διακοπή στο έγγραφο HTML, όπως ' <προ> », « 'στοιχεία, CSS' περιθώριο-αριστερά », « padding-αριστερά ” ακίνητα, και πολλά άλλα.

Αυτή η μελέτη θα σας διδάξει:





Αρχικά, θα δούμε ένα παράδειγμα που υλοποιεί '   ” για να προσθέσετε κενά στο έγγραφο HTML. Στη συνέχεια, περάστε σταδιακά τις εικόνες για να επιδείξετε διαφορετικές μεθόδους για να προσθέσετε χώρο στην καρτέλα.



Πώς να προσθέσετε κενά χρησιμοποιώντας το ' ' κώδικας οντότητας σε HTML;

Για να προσθέσετε κενά χρησιμοποιώντας '   ” στη σελίδα HTML, ακολουθήστε τα βήματα που παρέχονται:



  • Προσθέστε ένα στοιχείο div και αντιστοιχίστε του μια κλάση ' άρθρο '.
  • Μετά από αυτό, τοποθετήστε ένα '

    ' στοιχείο για την επικεφαλίδα.

  • Στη συνέχεια, προσθέστε το '

    ' στοιχείο για να προσθέσετε μια παράγραφο. Στην αρχή της παραγράφου, τα κενά προστίθενται με την ένδειξη του κωδικού οντότητας «   ”:

< div τάξη = 'άρθρο' >
< h2 > Η γνώση είναι δύναμη < / h2 >
< Π >     Η γνώση είναι δύναμη σημαίνει ότι ένας μορφωμένος άνθρωπος έχει τον πλήρη έλεγχο της ζωής του μέσω της δύναμης της γνώσης. < / Π >
< / div >

Μπορεί να φανεί ότι τα κενά προστέθηκαν με επιτυχία στην αρχή της παραγράφου:



Πώς να προσθέσετε χώρο στη καρτέλα χρησιμοποιώντας το στοιχείο '' HTML;

Η HTML ' ” είναι ένα ενσωματωμένο στοιχείο που χρησιμοποιείται για τη σήμανση ενός μέρους ενός εγγράφου. Στο συνεχιζόμενο παράδειγμα, προσθέσαμε το στοιχείο με το ' αυτί ' id. Αυτό το στοιχείο έχει διαμορφωθεί στο CSS για να παράγει χώρο:



< div τάξη = 'άρθρο' >
< h2 >Η γνώση είναι δύναμη< / h2 >
< Π > < σπιθαμή ταυτότητα = 'αυτί' >< / σπιθαμή > Η γνώση είναι δύναμη σημαίνει ότι ένας μορφωμένος άνθρωπος έχει τον απόλυτο έλεγχο της ζωής του μέσω της γνώσης τη δύναμη του.


Στυλ 'άρθρο' div

.άρθρο {
περιθώριο: αυτόματο;
πλάτος : 400 px;
padding: 10px;
}

Ο ' .άρθρο ' χρησιμοποιείται για πρόσβαση στο '

ετικέτες ”, το οποίο στη συνέχεια εφαρμόζεται με τις ακόλουθες ιδιότητες:

  • ' πλάτος Η ιδιότητα ' καθορίζει το πλάτος του στοιχείου.
  • ' περιθώριο Η ιδιότητα ' καθορίζει το ύψος του στοιχείου.
  • ' υλικό παραγεμίσματος ” δημιουργεί χώρο γύρω από το περιεχόμενο του στοιχείου.

Αναγνωριστικό στυλ 'καρτέλα'.

#αυτί {
padding-αριστερά: 8px;
}

Ο ' #αυτί 'πρόσβαση στο ' αυτί ' id του στοιχείου και εφαρμόστε το ' padding-αριστερά ” ιδιοκτησία σε αυτό.

Παραγωγή

Πώς να προσθέσετε χώρο στην καρτέλα χρησιμοποιώντας το στοιχείο '
' HTML;

Ο ' <προ> Το στοιχείο ' ορίζει το προδιαμορφωμένο κείμενο. Το κείμενο μέσα στο στοιχείο 

 εμφανίζεται στην ιστοσελίδα ως έχει.


  Επισκόπηση του παραδείγματος δημιουργώντας πρώτα τη σελίδα HTML:


    

  •   Πρόσθεσε το '   
       ' στοιχείο για να ορίσετε μια επικεφαλίδα επιπέδου δύο στο έγγραφο.
    • 

  •   Στη συνέχεια, προσθέστε το '   <προ>   ', και καθορίστε περιεχόμενο με την επιθυμητή μορφοποίηση:
    • 

  <   h2   >HTML πριν από την ετικέτα<  /   h2   > 
  <   προ   > 
  λειτουργία productΛειτουργία  (  p1, p2  )   { 
  επιστροφή p1 * p2; 
    }  
  <  /   προ   >
   Παραγωγή  

 


  Πώς να προσθέσετε χώρο στην καρτέλα χρησιμοποιώντας την ιδιότητα 'margin-left' CSS;


  Για να προσθέσετε χώρο στην καρτέλα χρησιμοποιώντας το CSS '   περιθώριο-αριστερά   ” ιδιοκτησία, ακολουθήστε την προβλεπόμενη διαδικασία:


    

  •   Πρώτα, συμπεριλάβετε ένα στοιχείο div στο έγγραφο και αντιστοιχίστε του μια κλάση '   εικόνες   '.
    • 

  •   Μέσα σε αυτό το στοιχείο div, προσθέστε άλλα δύο στοιχεία div μαζί με την κλάση '   img-1   ' και '   img-2   ” αντίστοιχα.
    • 

  •   Κάθε ένα από αυτά τα δύο στοιχεία div περιέχει εικόνες που καθορίζονται χρησιμοποιώντας το '       ετικέτα '.
    • 

  •   Αυτά τα '       Οι ετικέτες ' σχετίζονται με το '   src   ' και '   πλάτος   ” ιδιότητες. Το χαρακτηριστικό 'src' καθορίζει τη διεύθυνση URL της εικόνας και το χαρακτηριστικό 'width' προσαρμόζει το πλάτος της εικόνας.
    • 



  Ακολουθεί ο κώδικας HTML του παραπάνω σεναρίου:
  <   div    τάξη  =  'εικόνες'  > 
  <   div    τάξη  =  'img-1'  > 
  <   img    src  =  '/spring-images/marguerite-flower.jpg'   πλάτος  =  '250'  > 
  <  /   div   > 
  <   div    τάξη  =  'img-2'  > 
  <   img    src  =  '/spring-images/flower-ga8f105f1d_1920.jpg'   πλάτος  =  '250'  > 
  <  /   div   > 
  <  /   div   >
  Η σελίδα HTML θα μοιάζει με αυτό: 

 


  Ας προχωρήσουμε προς την ενότητα CSS για να προσθέσουμε πολλά κενά στο '   img-2   ” τάξη χωρίς χρήση πολλαπλών διαστημάτων χωρίς διακοπή.


   Στυλ 'εικόνες' div 
  .εικόνες  { 
    πλάτος  : 500 px; 
  περιθώριο: αυτόματο; 

  }

  Ο '   .εικόνες   ' χρησιμοποιείται για πρόσβαση στο HTML div που περιέχει το '   εικόνες   ” τάξη. Η εξήγηση των παραπάνω ιδιοτήτων είναι η εξής:


    

  •   '   πλάτος   Η ιδιότητα ' καθορίζει το πλάτος του στοιχείου.
    • 

  •   '   περιθώριο   Η ιδιότητα ' καθορίζει τον χώρο γύρω από τις πλευρές του στοιχείου.
    • 



   Στυλ 'img-2' div  
  Πρόσβαση στο στοιχείο div χρησιμοποιώντας το '   .img-2   ”:
  .img-  2   { 
  περιθώριο-αριστερά: 30 εικονοστοιχεία; 

  }

  Ο '   περιθώριο-αριστερά   ” ακίνητο με ”   30 εικονοστοιχεία   Η τιμή ' εφαρμόζεται στο στοιχείο div HTML που έχει κλάση '   img-2   '. Αυτή η ιδιότητα θα προσθέσει χώρο 30 px στα αριστερά του στοιχείου.


  Εδώ, το αποτέλεσμα δείχνει ότι η δεύτερη εικόνα εφαρμόζεται με λίγο χώρο στην αρχή:


 


  Έχουμε επεξεργαστεί την προσθήκη διαστημάτων καρτελών αντί της χρήσης πολλαπλών διαστημάτων χωρίς διακοπή '       '.


  συμπέρασμα


  Σε HTML, το '       Ο κωδικός οντότητας χρησιμοποιείται συνήθως για την προσθήκη μη σπασμένου χώρου στο έγγραφο. Για να αποφύγετε τη χρήση αυτού του κωδικού οντότητας πολλές φορές, υπάρχουν άλλοι τρόποι για να προσθέσετε χώρο στην καρτέλα σε ένα έγγραφο. Αυτές οι μέθοδοι περιλαμβάνουν τη χρήση HTML '   <προ>   », «      'στοιχεία',   περιθώριο-αριστερά   ” ιδιοκτησία, και πολλά άλλα. Αυτό το ιστολόγιο έχει αναφέρει διάφορους τρόπους που βοηθούν στην προσθήκη διαστημάτων καρτελών στο έγγραφο HTML αντί της προσθήκης πολλαπλών ' ' κωδικούς οντοτήτων.

							
							

							
							

							

							

							  

								 Αλλα

Κατηγορία

Δημοφιλείς Αναρτήσεις

Χρήση Wildcard – Raspberry Pi Linux

Πώς να φτιάξετε Poison Arrows στο Minecraft

Τι αξίζει το Frost Dragon στο Adopt Me Roblox

Πώς να απεγκαταστήσετε το Discord σε Mac

Πώς να φορτώσετε ξανά το div χωρίς επαναφόρτωση ολόκληρης της σελίδας στο jQuery

Πώς να εισαγάγετε ένα προεκπαιδευμένο μοντέλο στο PyTorch;

Παραδείγματα Ένωσης C++

Πώς να αποτρέψετε τις ενσωματώσεις του YouTube στους συνδέσμους Rickroll του Discord

Πώς να εγκαταστήσετε το QEMU Guest Agent σε εικονικές μηχανές Proxmox VE Linux

Πώς να κατανοήσετε τις αξιολογήσεις ισχύος των αντιστάσεων

Πώς μπορώ να τραβήξω αρχεία από το Remote χωρίς να αντικαθιστώ τα τοπικά αρχεία;

C++ std::stold std::stof std::stod

Τι σημαίνει chmod 777

Πώς μπορώ να εκτελέσω το 'apt-get install' στο Docker

Πώς να χρησιμοποιήσετε τη συνάρτηση 'array_intersect_key()' στην PHP

Τι κάνει ο \b Metacharacter στο RegExp της JavaScript

Πώς να μετατρέψετε μια μήτρα σε διάνυσμα γραμμής στο MATLAB;

Τι είναι το Microsoft .Net Framework ή Runtimes;

Πώς να βρείτε έναν κώδικα χρώματος σε HTML

Τρόπος χρήσης *= Operator σε Java