Etichetă de articol HTML

Eticheta De Articol Html



HTML5 a introdus „ ” etichetă care poate fi utilizată pentru a reprezenta o anumită componentă autonomă în orice document, aplicație sau site. Această componentă HTML poate fi reutilizabilă și distributivă, cum ar fi într-o postare pe forum, o revistă, o postare pe blog și multe altele.

Acest studiu vă va învăța despre eticheta HTML . Deci să mergem!





Ce este eticheta HTML ?

Elementul

și elementul
funcționează similar în ceea ce privește funcționalitatea, stilul și afișarea. Cu toate acestea, eticheta dintr-un document oferă mai multe informații semantice motoarelor de căutare și cititoarelor de ecran. Mai mult, un fișier HTML conține mai multe etichete care pot fi imbricate.



Cum se utilizează eticheta HTML ?

Pentru a utiliza eticheta HTML , urmați sintaxa de mai jos:



< articol > articol >


Aici, ' „ este eticheta de început și „ ” este eticheta de final.



Să parcurgem un exemplu pentru a demonstra utilizarea etichetei .

Exemplu: Utilizarea etichetei în HTML



În HTML, mai întâi, adăugați o etichetă cu o clasă numită „ all-OS ” și

pentru antet. Apoi, adăugați o altă etichetă cu o clasă numită „ tu ”. În interiorul acestei etichete , specificați

pentru titlu și

​​pentru un paragraf. După aceea, includeți cele două etichete imbricate cu etichete

și

, după cum urmează:

< articol clasă = 'tot-OS' >
< h1 > Cele mai populare sisteme de operare h1 >
< articol clasă = 'tu' >
< h2 > Windows h2 >
< p > Windows este un grup de sisteme de operare grafice proprietare multiple. Este dezvoltat și comercializat de Microsoft. p >
articol >
< articol clasă = 'tu' >
< h2 > Linux h2 >
< p > Linux este un sistem de operare open-source bazat pe nucleul Linux. Este  de obicei ambalat la fel de o distribuție Linux. p >
articol >
< articol clasă = 'tu' >
< h2 > macOS h2 >
< p > macOS este un sistem de operare Unix dezvoltat și comercializat de Apple Inc. Este cunoscut la fel de sistemul de operare principal pentru Măr computerele Mac ale lui.


Următoarea secțiune va descrie stilurile CSS aplicate elementelor HTML menționate mai sus.



Style all-OS div

.all-OS {
marja: 0 ;
umplutură: 5px;
culoare de fundal: rgb ( 155 , 155 , 155 ) ;
}


Div-ul cu numele clasei „ all-OS ” este stilat astfel:

    • „ .all_OS ” este folosit pentru a accesa
      aferent.
    • „ marginea ” este utilizată pentru a adăuga spațiu în jurul elementului div.
    • „ căptușeală ” proprietatea adaugă spațiu în jurul conținutului elementului div.
    • „ culoare de fundal ” este setat să aplice culoarea de fundal a elementului div.

Stil os div

.tu {
marja: 10px;
umplutură: 5px;
fundal: alb;
}


Aplicați stiluri următorului

numit „ tu ”. Descrierea proprietăților este prezentată mai jos:

    • „ .tu ” accesează
      cu numele os.
    • „ marginea ” proprietate adaugă un spațiu de 10px în jurul div.
    • „ căptușeală ” proprietatea adaugă un spațiu de 5px în jurul conținutului elementului div.
    • „ culoare de fundal ” proprietatea setează culoarea de fundal a elementului div.

După furnizarea proprietăților de stil CSS etichetelor

de mai sus, paragraful este stilat prin setarea proprietăților așa cum este menționat mai jos.

Stil p Element

p {
marginea: 3px;
dimensiunea fontului: 15px;
}


Următoarele proprietăți sunt aplicate elementului

:

    • „ marginea ” proprietatea adaugă spațiu de 3 px în jurul conținutului elementului.
    • „ marimea fontului ” proprietate setează dimensiunea fontului textului la 15px.

Salvați codul adăugat și deschideți fișierul în browser. Rezultatul va fi afișat după cum se arată mai jos:


Documentul furnizat mai sus poate avea mai multe articole, iar explicația referitoare la fiecare sistem de operare este conținută în eticheta . Mai mult, un articol este afișat unul după altul pe măsură ce ecranul derulează.

Așa putem crea postări pe blog, postări pe forum și documente asemănătoare revistei folosind eticheta HTML .

Concluzie

După cum știm, scriitorii de articole sau bloggerii scriu documentul ținând cont de conceptul de bază al subiectului. La fel, în HTML, etichetele sunt folosite pentru a menționa conținut care este complet și independent. Mai mult, pot exista una sau mai multe etichete într-un fișier HTML, care pot fi imbricate. Acest studiu a explicat utilizarea etichetei

cu un exemplu.

Alte

Categorie

Posturi Populare

Cum se schimbă culoarea textului în LaTeX

Cum să mapați cheile în Vim

Cum să utilizați MFA cu AWS CLI

15 sfaturi pentru a îmbunătăți durata de viață a bateriei laptopului

Eliminați primul element dintr-o matrice în JavaScript

Cum să setați baza Flex în Tailwind?

Funcția inferioară PostgreSQL

Ce este Telnet și cum se utilizează în Windows?

Cum inserez date într-un anumit rând în MySQL?

Exemple de bucle de script Bash

Cum se utilizează Long.MAX_VALUE în Java | explicat

Care este funcționarea lui Jasper.ai?

Care este diferența dintre != și =! Operatori în Java

Ce este Elastic Beanstalk? Este PaaS sau IaaS?

Git Copy File Păstrarea istoricului

Remediați „NetworkManager nu rulează” pe Kali Linux

Cum să verificați istoricul actualizărilor Windows folosind PowerShell

Cum se creează un fișier cu text în Linux

Ce sunt registrele Vim

6 remedieri pentru pictograma WiFi lipsă din bara de activități Windows