HTML na artikulo Tag

Html Na Artikulo Tag



Ipinakilala ng HTML5 ang “ ” tag na maaaring gamitin upang kumatawan sa isang partikular na self-contained na bahagi sa anumang dokumento, aplikasyon, o site. Ang HTML component na ito ay maaaring magamit muli at distributive, tulad ng sa isang forum post, isang magazine, isang blog post, at higit pa.

Ang pag-aaral na ito ay magtuturo sa iyo tungkol sa HTML

tag. Kaya, tayo na!





Ano ang HTML
Tag?

Parehong gumagana ang

element at
element sa mga tuntunin ng functionality, styling, at display. Gayunpaman, ang tag na
sa isang dokumento ay nagbibigay ng higit pang semantikong impormasyon sa mga search engine at screen reader. Bukod dito, ang isang HTML file ay naglalaman ng maramihang
tag na maaaring ma-nest.



Paano Gamitin ang HTML
Tag?

Upang gamitin ang HTML

tag, sundin ang ibinigay na syntax sa ibaba:



itakda ang static ip address raspberry pi
< artikulo > artikulo >


Dito,' ' ay ang panimulang tag, at ' ” ang pangwakas na tag.



Tingnan natin ang isang halimbawa para sa pagpapakita ng

paggamit ng tag.

Halimbawa: Paggamit ng

Tag sa HTML



Sa HTML, una, magdagdag ng

tag na may klase na pinangalanang “ lahat ng OS ” at ang

para sa heading. Pagkatapos, magdagdag ng isa pang
tag na may klase na pinangalanang “ ikaw ”. Sa loob ng tag na
na ito, tukuyin ang

para sa heading at

para sa isang talata. Pagkatapos nito, isama ang dalawang

tag na naka-nest sa

at

na mga tag gaya ng sumusunod:

< artikulo klase = 'lahat ng OS' >
< h1 > Pinakatanyag na Operating System h1 >
< artikulo klase = 'ikaw' >
< h2 > Windows h2 >
< p > Ang Windows ay isang pangkat ng maramihang pagmamay-ari na mga graphical na operating system. Ito ay binuo at ibinebenta ng Microsoft. p >
artikulo >
< artikulo klase = 'ikaw' >
< h2 > Linux h2 >
< p > Ang Linux ay isang open-source na operating system batay sa Linux kernel. Ito ay karaniwang naka-package bilang isang pamamahagi ng Linux. p >
artikulo >
< artikulo klase = 'ikaw' >
< h2 > Mac OS h2 >
< p > Ang macOS ay isang Unix operating system na binuo at ibinebenta ng Apple Inc. Ito ay kilala bilang ang pangunahing operating system para sa Apple mga Mac computer ni.


Ilalarawan ng susunod na seksyon ang mga istilo ng CSS na inilapat sa mga nabanggit na elemento ng HTML sa itaas.



Istilo ang all-OS div

.all-OS {
margin: 0 ;
padding: 5px;
kulay ng background: rgb ( 155 , 155 , 155 ) ;
}


Ang div na may pangalan ng klase ' lahat ng OS ” ay naka-istilong ganito:

notepad ++ palitan ang lahat
    • “ .all_OS ” ay ginagamit upang ma-access ang kaugnay na
      .
    • “ margin Ang ” property ay ginagamit para magdagdag ng espasyo sa paligid ng div element.
    • “ padding ” property ay nagdaragdag ng espasyo sa paligid ng nilalaman ng div element.
    • “ kulay ng background ” ay nakatakdang ilapat ang kulay ng background ng elemento ng div.

Style os div

.ikaw {
margin: 10px;
padding: 5px;
background: puti;
}


Ilapat ang mga istilo sa susunod na

na pinangalanang “ ikaw ”. Ang paglalarawan ng mga katangian ay ibinigay sa ibaba:

    • “ .ikaw ” i-access ang
      na may pangalang os.
    • “ margin ” property ay nagdaragdag ng espasyo na 10px sa paligid ng div.
    • “ padding ” property ay nagdaragdag ng espasyo na 5px sa paligid ng nilalaman ng div element.
    • “ kulay ng background Ang ” property ay nagtatakda ng kulay ng background ng div element.

Pagkatapos ibigay ang mga katangian ng pag-istilo ng CSS sa mga

na tag sa itaas, ini-istilo ang talata sa pamamagitan ng pagtatakda ng mga katangian tulad ng nabanggit sa ibaba.

Estilo p Elemento

p {
margin: 3px;
laki ng font: 15px;
}


Ang mga sumusunod na katangian ay inilapat sa

elemento:

    • “ margin ” property ay nagdaragdag ng 3px na espasyo sa paligid ng nilalaman ng elemento.
    • “ laki ng font Itinatakda ng ” property ang laki ng font ng text bilang 15px.

I-save ang idinagdag na code at buksan ang file sa iyong browser. Ang resulta ay ipapakita tulad ng ipinapakita sa ibaba:


Ang dokumentong ibinigay sa itaas ay maaaring magkaroon ng maraming artikulo, at ang paliwanag na nauugnay sa bawat operating system ay nasa tag na

. Bukod dito, ang isang artikulo ay ipinapakita nang sunud-sunod habang nag-i-scroll ang screen.

kung paano buksan ang mga bz2 file

Ganyan tayo makakagawa ng mga post sa blog, mga post sa forum, at mga dokumentong tulad ng magazine gamit ang HTML

tag.

Konklusyon

Tulad ng alam natin, isinusulat ng mga manunulat ng artikulo o blogger ang dokumento sa pamamagitan ng pag-iisip sa pangunahing konsepto ng paksa. Gayundin, sa HTML, ang

tag ay ginagamit upang banggitin ang nilalaman na ganap na nilalaman at independiyente. Bukod dito, maaaring mayroong isa o higit pang
na mga tag sa isang HTML file, na maaaring ma-nest. Ipinaliwanag ng pag-aaral na ito ang paggamit ng
tag na may isang halimbawa.

Iba pa

Kategorya

Patok Na Mga Post

Ano ang memset() sa C++

Paano Mag-install ng Docker Compose sa Raspberry Pi

Ano ang Layunin ng 'h-screen' na Property sa Tailwind

Inilabas ang Windows 10 KB5021233 (22H2) – Narito ang Ano'ng Bago

10 Nakakatakot na Laro sa Roblox

Ano ang Pagkakaiba sa pagitan ng malabo na Query at tugmang Query?

Paano I-reload ang div Nang Walang Nire-reload ang Buong Pahina sa jQuery

Lumipat sa pagitan ng HKCU at HKLM nang mabilis sa Registry Editor - Winhelponline

Nested If Statements sa Python

Paano Gumawa ng One-Line Para sa Loop sa Python

Paano Malayuang I-access ang Raspberry Pi sa Mac

Isang Maikling Gabay Para sa VPC Peering sa AWS?

Mahalagang Proxmox VE 8 PCI/PCIE Passthrough Tweaks, Pag-aayos, at Workarounds

Batch File Delete Folder: Paano I-automate ang Pagtanggal ng Folder Gamit ang Batch Scripts

Ano ang subplot sa MATLAB at Paano ito Gamitin

Ano ang Data Structure sa C++

Paano Gamitin ang Preg_match_all() Function sa PHP

Paano Awtomatikong I-backup ang MySQL Database Gamit ang PHP

Paano Kumuha ng Mega Spruce Tree at Paramihin ang Iyong Supply sa Kahoy sa Minecraft

Pagsusulat ng Mga Tanong sa C# LINQ