Nesting Tags (Ku Dhexgalida Tags):
Nesting tags
(ku dhexgalida tags) waa marka tag gudaha ah lagu dhex galo tag kale. Tani waa hab caadi ah oo loo isticmaalo HTML, waxaana laga yaabaa in loo baahdo marar badan si loo abuuro qaababka saxda ah ee muujinta xogta. Ku dhexgaliyaha tag-yada waa qayb muhiim ah oo ka mid ah dhismaha bogga HTML, gaar ahaan marka la abuuro bogag leh qaab-dhismeedyo adag ama marka la isku dayo in la xakameeyo sida qoraalku u soo baxayo.
Si aad u isticmaasho nesting tags, waxaad ku dari kartaa tag-ga bilaabidda iyo dhammaadka ee tag hore loo abuuray. Tusaale ahaan:
<B>Please click the <U>hyperlink</U> to continue</B>
Halkan, <B> waxaa loo isticmaalaa in qoraalka lagu sameeyo bold (cajiib), waxaana dhex galinayaa <U> oo hoos u qaadaya qoraalka (underline). Tani waxay muujineysaa qaabka nesting-ka ee saxda ah, iyadoo labada tag ee bilowga iyo dhammaadka ay ku jiraan midka dibadda. Xaaladdan oo kale, browser-ka ayaa si sax ah u soo bandhigi doona bogga.
Si kastaba ha ahaatee, haddii aad isku daydo inaad tagyo ku dhexgaliso si khaldan, sida:
<B>Please click the <U>hyperlink</B> to continue</U>
Browser-yadu waxay isku dayi doonaan inay si fiican u soo bandhigaan waxa loo soo diray, laakiin badanaa waxay sababi kartaa in bogga uusan si sax ah u muuqan. Qaar ka mid ah browser-yada waxay sidoo kale isku dayaan inay saxaan khaladaadka, laakiin waxaa jiri kara dhibaatooyin muuqaal.
Nesting Tags iyo Qaababka Kala Duwan ee Browser-ka:
Browser-yadu sida Internet Explorer iyo Netscape waxay leeyihiin awood ay ku aqbalaan khaladaadka HTML, waxayna isku dayaan inay muujinayaan waxa ku jira dukumentiga xitaa haddii aan tags-ka si sax ah loo isticmaalin. Inkasta oo browser-yadu ay sababi karaan dhibaatooyin muuqaal, inta badan ma soo saaraan qaladaad muuqda, laakiin waxay noqon karaan kuwo aan soo bandhigin qaababka saxda ah. Tusaale ahaan, haddii aad isticmaasho tag aan jirin, browser-ku wuxuu iska indhatirayaa tag-gaas, wuxuuna ka shaqeynayaa sidii uu caadi ahaan u soo bandhigi lahaa wixii kale.
Tag Attributes (Astaamaha Tags):
Tags HTML badankoodu waxay leeyihiin astaamo (attributes). Astaamuhu waxay u adeegaan sidii tilmaamayaal dheeri ah oo ka caawiya tags-ka inay si fiican u sharxaan waxa ku jira gudaha tag-ga. Astaamuhu waxay ku jiraan gudaha tag-ga, waxaana loo isticmaalaa qaab magac-qiime (name-value) si loo qeexo xogta ama tilmaamaha tag-ga.
Astaamahaasi waxay muujinayaan macluumaad dheeraad ah oo ku saabsan waxa tag-gu qabanayo. Tusaale ahaan, tag-ka <img> wuxuu u baahan yahay astaamo sida src (source), oo qeexaya meesha sawirku ka yimaado, iyo alt (alternative text), oo ah qoraal beddel ah haddii sawirka la waayo. Astaamuhu waxay ka caawiyaan browser-ka inay si fiican u fahmaan macluumaadka ku jira bogga HTML.
Astaamuhu waxay qaataan qaabkan:
<tag attribute="value">content</tag>
Tusaale ahaan:
<BODY bgcolor="Pink">Hello World</BODY>
Halkan, tagga <BODY> wuxuu leeyahay astaanta bgcolor, taasoo qeexaysa midabka asalka ee bogga. Pink waa qiimaha la bixiyay ee astaantaas.
Astaamuhu sidoo kale waxay noqon karaan kuwo doorasho ah, taasoo ka dhigaysa inay ku fiicnaadaan in la maareeyo muuqaalka iyo habka bogga loo soo bandhigayo. Qaar ka mid ah astaamahan waxaa ka mid ah id, class, href, style, iyo kuwa kale.
Tags-ka Muhiimka ah ee HTML:
Si aad u sameyso bog HTML ah oo si sax ah u shaqeynaya, waxaa muhiim ah inaad isticmaasho tags-ka muhiimka ah ee HTML. Tags-kan waxay qeexayaan qaabka boggaaga iyo meesha uu ku yaal macluumaadka. HTML-ga wuxuu leeyahay qaar ka mid ah tags-ka aasaasiga ah oo looga baahan yahay in lagu jiro dhammaan dukumentiyada HTML.
1. <HTML></HTML>
Tani waa tag-ka ugu weyn ee qeexaya bilowga iyo dhammaadka dukumentiga HTML. Waa tag-ga ugu horeeya iyo ugu dambeeya ee ku jira HTML-ka.
2. <HEAD></HEAD>
Dhexda tag-yadan waxaad ku dari kartaa macluumaad muhiim ah oo ku saabsan boggaaga, sida ciwaanka (title), qoraaga, URL-ga aasaasiga ah (base URL), iyo qaabka dukumentiga. Qaybtan ma soo bandhigto waxyaabaha muuqda ee bogga, laakiin waxay ka caawisaa browser-ka inuu fahmo waxa bogga ku jira.
3. <TITLE></TITLE>
Tag-gan waxaa ku jira ciwaanka bogga, kaas oo muuqda bar-ka ciwaanka ee browser-ka. Ciwaankaasi wuxuu noqon karaa mid muhiim ah si loogu aqoonsado bogga ama loo sharaxo waxa ku jira.
4. <BODY></BODY>
Tagga <BODY> waa meesha xogta muuqata ee bogga lagu daro. Waxa ku jira dhammaan walxaha la soo bandhigi doono sida qoraallada, sawirrada, iyo walxaha kale ee muuqda ee bogga.
Tusaale: Simple HTML Document
Halkan waxaa ku qoran tusaale HTML ah oo aad u fudud, oo isticmaala tag-yada aasaasiga ah si loo abuuro bog HTML ah:
<HTML>
<HEAD>
<TITLE>HOMEPAGE!!!</TITLE>
</HEAD>
<BODY>
Welcome to my homepage<br><br>
Introducing the Internet Explorer Web browser<br>
Internet Explorer makes it easier to get the most from the World Wide Web,
whether you are searching for new information or browsing your favorite
Web sites.<br><br>
Built-in IntelliSense technology can save you time completing routine Web
tasks, such as automatically completing Web addresses and forms for you,
and automatically detecting your network and connection status.
</BODY>
</HTML>
Sharaxaad dheeri ah:
<HTML></HTML>: Waa tag-ga ugu weyn ee tilmaamaya in dukumentiga uu yahay HTML. Dhammaan waxyaabaha ku jira dukumentigan waa inay ku jiraan dhexda tag-yadan.
<HEAD></HEAD>: Dhexda tag-yadan waxaa lagu dari karaa macluumaadka sida ciwaanka (title) iyo macluumaad kale oo muhiim ah oo ku saabsan bogga.
<TITLE></TITLE>: Ciwaanka bogga, kaas oo muuqda bar-ka ciwaanka ee browser-ka.
<BODY></BODY>: Qaybta ugu muhiimsan ee bogga, taasoo muujinaysa waxa muuqda ee browser-ka. Dhexda tag-yadan waxaa lagu dari karaa qoraal, sawirro, iyo walxaha kale ee la soo bandhigi doono.
Output-ka bogga:
Marka aad furto HTML-kan bogga browser-ka, waxaad arki doontaa qoraalka soo socda:
HOMEPAGE!!!
Welcome to my homepage
Introducing the Internet Explorer Web browser
Internet Explorer makes it easier to get the most from the World Wide Web, whether you are searching for new information or browsing your favorite Web sites.
Built-in IntelliSense technology can save you time completing routine Web tasks, such as automatically completing Web addresses and forms for you, and automatically detecting your network and connection status.
Qoraalkaan wuxuu noqon doonaa mid muuqda iyadoo la isticmaalayo laba <br> tag si loo qaybiyo qoraalka. sidan ayuu ku so baxaya
0 Comments