Unit I-Inserting Images Hyperlinks Backgrounds and color

Inserting Hyperlink:-

href Attribute:-

  <a> टैग से एक हाइपर लिंक बनता  है।  इस लिंक पर क्लिक करने पर हम लिंक से जुडे दूसरे पेज में जाते है।  href attribute की सहायता से जिस पेज में जाना है (या लिंक पर क्लिक करने पर कौन सा पेज खुलना है) उस पेज का पता या ( URL) दिया जाता है।

<a href="https://www.aruncomputer.com">Go To ARUN COMPUTER PAGE</a>

Inserting Image:-

 src Attribute

 <img> tag की सहायता से वेब पेज में एक चित्र प्रदर्शित किया जाता है। इमेज टैग का “src attribute” उस चित्र का  पाथ, वेब पेज को बताता है।

<img src="img_girl.jpg">
<img src=”arun.jpg” height=”500” width=”500”>

दो attribute के बीच कोलोन नहीं लगता है।

The <img> tag के width और  height attributes चित्र की चौड़ाई और उंचाइ पिक्‍सल में निश्चित करते है  :-

<img src="img_girl.jpg" alt="Girl with a jacket">

अगर इमेज अपने पाथ में उपलब्ध न हो, या  कोइ इरर हो, तो हम alt  एर्टीब्‍यूट की सहायता कुछ टेक्‍सट, सूचना इमेज की जगह प्रदर्शित कर सकते हे।

style attribute:-

style एर्टीब्‍यूट किसी इलीमेंट में  color, font, size, इत्‍यादि जोडने के लिये प्रयोग होता हे।  

<p style = "color:red ; font-size:20px ;"> This is a red paragraph.</p>

स्‍टाइल एर्टीब्‍यूट में दो एर्टीब्‍यूट के बीच कोलोन  लगता है. एचटीएमएल एर्टीब्‍यूट में कोलोन नहीं लगता।

<p> element की सहायता से वेब पेज में एक पैराग्राफ बनाया जाता है।यह पैराग्राफ हमेशा नई लाइन से शुरू होगा। ब्राउजर अपने आप कुछ खाली जगह पैराग्राफ के उपर और नीचे जोड़ लेता है। पैराग्राफ के बीच स्‍पेस या जगह अपने आप हट जाती है।

<p align=”center”> .... </p> यह पैराग्राफ सेंटर एलाइन होगा।
<p align=”left”> ....  <p> यह पैराग्राफ लेफ्ट एलाइन होगा।
<p align=”right”>  ....  </p> यह पैराग्राफ राइट एलाइन होगा।
 <p><font size ="30" > इस पैराग्राफ की फांट साइज 30 और फांट कलर blue होगा</font> </p>
<p> <font color="blue"> इस पैराग्राफ का फांट कलर blue होगा</font> </p>
<p style="color:red; font-family:verdana;">This is a paragraph.</p>
<p style="font-size:30px;">This is a paragraph.</p>
<B> ....    </B>      यह टैग के बीच मैटर को बोल्‍ड कर देता है।
<I> .....    </I>        यह  टैग के बीच मैटर को इटैलिक कर देता है।
<U> ....   </U>       यह टैग के बीच मैटर को अंडरलाइन  कर देता है।
<sup>.... </sup>         superscript
<sub> ....</sub>         subscript
<body bgcolor="red" >
 <div style=”background-color : red;” ><b><I> Lorem ipsum</b></I> dolor sit amet, numquam.</div>

HTML में टेबल टैग:-

HTML में टेबल टैग का उपयोग डेटा को सारणीबद्ध प्रारूप (यानी पंक्ति-स्तंभ प्रारूप) में प्रदर्शित करने के लिए किया जाता है। ये टेबल टैग पेज के लेआउट (यानी हेडर, बॉडी कंटेंट आदि) को मैनेज करते हैं।

HTML में टेबल बनाने के लिए, आपको <table> टैग के साथ टेबल को परिभाषित करना होगा। <table> टैग टेबल कंटेनर है जो यह निर्दिष्ट करता है कि टेबल कहाँ से शुरू होगी और कहाँ समाप्त होगी।

आप <tr> टैग के साथ टेबल रो जोड़ सकते हैं। टेबल हेडर जोड़ने के लिए हमें <th> टैग का इस्तेमाल करना होगा। <td> टैग का इस्तेमाल करके टेबल सेल या डेटा जोड़ा जा सकता है।

<!DOCTYPE html>
<html>
<head>
<title>HTML Table Example</title>
</head>
<body>
<table>
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>
</body>
</html
error: Content is protected !!