Anchor tag in Hindi A tag Html Tutorial in Hindi हिंदी में

Anchor tag in Hindi | A tag | Html Tutorial in Hindi | हिंदी में

आज के इस post में हम Anchor (a) tag के बारे में जानेंगे , की  html में a tag कैसे  use करते है  , और यह कैसे काम करता है , साथ ही साथ हम अपने html coding में a tag को run करके देखेंगे.

tip :- anchor tag को most of the time a tag के नाम से जाना जाता है,और मैंने भी post के बिच में a tag ही लिखा है

html में a tag  का use इसलिए किया जाता है , क्योकि यह linking का काम करता है , आप a tag के through किसी भी page,media(audio,video) को link कर सकते है, आप इसी के through another page को भी link कर सकते है.

सभी प्रकार के pages , media files को linking करना बहुत easy है , जिसमे हम निचे example में देखेंगे.

Anchor tag in Hindi A tag Html Tutorial in Hindi हिंदी में

Anchor tag in Hindi/Anchor tag क्या है | A tag

a tag का use page को link या hyperlink करने के लिए use किया जाता है , link या फिर hyperlink वह technique है , जिसके द्वारा हम किसी particular text/image पर click करते है , तो उससे सम्बंधित page पर jump कर जाते है , hyperlink या link कहलाता है .

html में a tag के द्वारा page’s या document को linking किया जाता है |

आइये इसे थोडा विस्तार से समझ लेते है , एक link में दो section होते है , पहला section वह होता है ,जिसे आप अपने browser window पर देखते है इसे anchor कहते है |

इसके साथ एक और भाग होता है जो browser को यह बताता है की क्या करना है , अगर आप anchor पर click करते है ,तो आपने जो page का link specify किया है वो page browser window पर open हो जाता है |

किसी भी link का anchor word , picture , या फिर एक single word भी हो सकता  है , आप अपने anchor को browser window पर कैसे display  करते है , वो user पर depend करता है , की आप एक single word लेते है , या फिर कोई sentence या कोई picture  ,

इस तरह से anchor को दो भाग में divide किया गया है

  1. text :– इसमें anchor , text के रूप में होता है , चाहे वह single word हो या फिर कोई sentence | जैसे ही user उस linking text या फिर anchor text  को click करता है , तो आपने जो भी link specify किया है वो  browser window पर open हो जाता है ,  याद रखे की जब हम किसी text को linking के लिए use करते है , तो वह text , site के content से बिलकुल हट के दिखाई पड़ता है |
  2. graphical: — इसमें anchor graphical रूप में होता है , चाहे वह कोई photo हो या फिर video | जैसे ही कोई user उस photo या video को click करता है , तो उस photo या video में जो भी link , hyperlink द्वारा जूडी रहती है , वह browser window पर open हो जाती है | आप चाहे तो इन image’s पर border भी display करा सकते है |

A tag का एक प्रमुख attribute होता है href , जिसके द्वारा हम उस page का link set करते है , जिसको हम hyperlink के द्वारा browser window पर open करना चाहते है , और ये पेज browser window पर तभी display होगी जब user us link से related text या image को click करता है | a tag एक प्रकार का container tag है , अर्थात इसकी staring के साथ-साथ इसकी ending भी जरुरी है |

ध्यान देने योग्य कुछ बाते :–

  • जो link user द्वारा visit नहीं की होती उन link’s के color by default blue होते है |
  • Active link का color red होता है with underline.(active link means जब आप किसी unvisited link पर mouse के courser को थोडा देर रखते है , तो वह link red color में show होने लगता है |)
  • Visited link का color purple with underline हो जाता है |
  • याद रखे की जो मैंने इन color’s के बारे में बताया है वो by default color होती है , उन्हें coding द्वारा change किया जा सकता है |
  • इसमें काफी सारे attribute है , लेकिन कोई भी attribute , without href attribute के बिना use नहीं कर सकते |
  • आप किसी भी पेज को link करते है , तो वह current browser window पर display होगा , अगर आपने target attribute set नहीं किया है तो |

Anchor tag Example in Hindi | A tag

आइये इस example को थोडा detail में समझते है.

  1. a tag है.
  2. href एक attribute है.
  3. www.google.com वह section है , जहा आपको अपना जो भी page या media,link करना है , उस double quote (“..”) के बिच में put करना है
  4. इस example में click here यह एक anchor है , जिसे हमने sentence के रूप में रखा है.आप चाहे तो एक single word भी लिख सकते है.
  5. at the end हमने a tag को close कर दिया है.

anchor tag attribute explanation

दोस्तों मुझे उम्मीद है , की आपको यह पोस्ट पसंद आई होगी , अगर आपको यह पोस्ट अच्छी लगी , तो कृपया अपने विचार comment के माध्यम से बताये.