Ετικέτα άρθρου HTML

Etiketa Arthrou Html



Η HTML5 εισήγαγε το ' <άρθρο> ετικέτα που μπορεί να χρησιμοποιηθεί για να αναπαραστήσει ένα συγκεκριμένο αυτοτελές στοιχείο σε οποιοδήποτε έγγραφο, εφαρμογή ή ιστότοπο. Αυτό το στοιχείο HTML μπορεί να είναι επαναχρησιμοποιήσιμο και διανεμητικό, όπως σε μια ανάρτηση φόρουμ, ένα περιοδικό, μια ανάρτηση ιστολογίου και πολλά άλλα.

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

HTML. Λοιπόν πάμε!





Τι είναι η ετικέτα
HTML;

Το στοιχείο

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



Πώς να χρησιμοποιήσετε την ετικέτα
HTML;

Για να χρησιμοποιήσετε την ετικέτα

HTML, ακολουθήστε την παρακάτω σύνταξη:



< άρθρο άρθρο >


Εδώ, ' <άρθρο> 'είναι η αρχική ετικέτα και '

” είναι η ετικέτα τέλους.



Ας δούμε ένα παράδειγμα για την επίδειξη της χρήσης της ετικέτας

.

Παράδειγμα: Χρήση ετικέτας

σε HTML



Σε HTML, πρώτα, προσθέστε μια ετικέτα

με μια κλάση με το όνομα ' all-OS ” και το

για την επικεφαλίδα. Στη συνέχεια, προσθέστε μια άλλη ετικέτα
με μια κλάση με το όνομα ' εσείς '. Μέσα σε αυτήν την ετικέτα
, καθορίστε το

για την επικεφαλίδα και

για μια παράγραφο. Μετά από αυτό, συμπεριλάβετε τις δύο ετικέτες

που είναι ένθετες με τις ετικέτες

και

ως εξής:

< άρθρο τάξη = 'all-OS' >
< h1 > Τα πιο δημοφιλή λειτουργικά συστήματα h1 >
< άρθρο τάξη = 'εσείς' >
< h2 > Windows h2 >
< Π > Τα Windows είναι μια ομάδα πολλαπλών ιδιόκτητων γραφικών λειτουργικών συστημάτων. Αναπτύχθηκε και διατίθεται στην αγορά από τη Microsoft. Π >
άρθρο >
< άρθρο τάξη = 'εσείς' >
< h2 > Linux h2 >
< Π > Το Linux είναι ένα λειτουργικό σύστημα ανοιχτού κώδικα που βασίζεται στον πυρήνα του Linux. Είναι συνήθως συσκευασμένο όπως και μια διανομή Linux. Π >
άρθρο >
< άρθρο τάξη = 'εσείς' >
< h2 > macOS h2 >
< Π > Το macOS είναι ένα λειτουργικό σύστημα Unix που αναπτύχθηκε και διατίθεται στην αγορά από την Apple Inc. Είναι γνωστό όπως και το κύριο λειτουργικό σύστημα Για μήλο υπολογιστές Mac.




Η επόμενη ενότητα θα περιγράψει τα στυλ CSS που εφαρμόζονται στα προαναφερθέντα στοιχεία HTML.



Style all-OS div

.all-OS {
περιθώριο: 0 ;
padding: 5px;
χρώμα φόντου: rgb ( 155 , 155 , 155 ) ;
}


Το div με το όνομα της τάξης ' all-OS ” έχει το εξής στυλ:

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

Στυλ os div

.εσείς {
περιθώριο: 10 px;
padding: 5px;
φόντο: λευκό;
}


Εφαρμογή στυλ στο επόμενο

με όνομα ' εσείς '. Η περιγραφή των ακινήτων δίνεται παρακάτω:

    • ' .εσείς Πρόσβαση στο
      με το όνομα os.
    • ' περιθώριο Η ιδιότητα ' προσθέτει ένα διάστημα 10 εικονοστοιχείων γύρω από το div.
    • ' υλικό παραγεμίσματος Η ιδιότητα ' προσθέτει ένα διάστημα 5 εικονοστοιχείων γύρω από το περιεχόμενο του στοιχείου div.
    • ' χρώμα του φόντου Η ιδιότητα ' ορίζει το χρώμα φόντου του στοιχείου div.

Μετά την παροχή των ιδιοτήτων στυλ CSS στις παραπάνω ετικέτες

, η παράγραφος διαμορφώνεται ορίζοντας τις ιδιότητες όπως αναφέρονται παρακάτω.

Στυλ p Στοιχείο

Π {
περιθώριο: 3px;
μέγεθος γραμματοσειράς: 15 px;
}


Οι ακόλουθες ιδιότητες εφαρμόζονται στο στοιχείο

:

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

Αποθηκεύστε τον προστιθέμενο κώδικα και ανοίξτε το αρχείο στο πρόγραμμα περιήγησής σας. Το αποτέλεσμα θα εμφανιστεί όπως φαίνεται παρακάτω:


Το έγγραφο που παρέχεται παραπάνω μπορεί να έχει πολλά άρθρα και η εξήγηση που σχετίζεται με κάθε λειτουργικό σύστημα περιέχεται στην ετικέτα

. Επιπλέον, το ένα άρθρο εμφανίζεται το ένα μετά το άλλο καθώς η οθόνη κυλάει.

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

HTML.

συμπέρασμα

Όπως γνωρίζουμε, οι αρθρογράφοι ή οι blogger γράφουν το έγγραφο έχοντας κατά νου την βασική έννοια του θέματος. Ομοίως, στην HTML, οι ετικέτες

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

Αλλα

Κατηγορία

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

Java Ελέγξτε εάν η συμβολοσειρά είναι μηδενική, κενή ή κενή

5 λύσεις για τη διόρθωση της οθόνης που μαυρίζει τυχαία

Κατανόηση της ιδιότητας HTML DOM document.domain

Τι είναι το Android System WebView – Πώς να το απενεργοποιήσετε;

Προσθήκη του στοιχείου LWC στο Salesforce

Πώς να χρησιμοποιήσετε το Microsoft Word δωρεάν: Υπάρχει δωρεάν έκδοση;

Πώς να κάνετε εγγραφή οθόνης στο iPhone

Πώς να εισαγάγετε τη γραμματοσειρά Ιστού Google σε CSS;

Πώς να βρείτε το ποσοστό ομοιότητας μεταξύ δύο πινάκων στο MATLAB;

Τι είναι ο φάκελος .git;

Μπορώ να χρησιμοποιήσω το OpenAI Playground δωρεάν;

C++ Overload Comparison Operator in

Πώς να εφαρμόσετε το Bubble Sort στον προγραμματισμό C;

Πώς να διαγράψετε έναν κατάλογο στο Linux

Πώς να επιλύσετε το java.lang.NullPointerException

Πώς να ενεργοποιήσετε την ένθετη εικονικοποίηση σε εικονικές μηχανές (VM) Proxmox VE 8

Ξεκινώντας το MicroPython με το Thonny IDE και το ESP32 σε Mac

Πώς να χρησιμοποιήσετε την εντολή Cat για να γράψετε ένα κείμενο σε ένα αρχείο

Πώς να αντιγράψετε πίνακες με το memmove() στον προγραμματισμό C

Πώς να εμφανίσετε την ημερομηνία ώρας σε μορφή 12 ωρών π.μ./μ.μ. σε JavaScript;