HTML Tutorial
HTML Tutorial

HTML - بنیادی ٹیگز


ہیڈنگ ٹیگز

ہر دستاویز ایک ہیڈنگ کے ساتھ شروع ہوتا ہے۔ آپ اپنی ہیڈنگز کے لئے مختلف سائز استعمال کر سکتے ہیں۔ HTML میں چھ ہیڈنگ کی سطحیں بھی ہیں، جو عناصر <h1>، <h2>، <h3>، <h4>، <h5>، اور <h6> کا استعمال کرتی ہیں۔ جب بھی کوئی ہیڈنگ ڈسپلے ہوتی ہے، براؤزر اس ہیڈنگ کے پہلے اور بعد میں ایک لائن شامل کرتا ہے۔

مثال

<!DOCTYPE html>
                    <html>
                
                       <head>
                          <title>ہیڈنگ کا مثال</title>
                       </head>
                        
                       <body>
                          <h1>یہ ہیڈنگ 1 ہے</h1>
                          <h2>یہ ہیڈنگ 2 ہے</h2>
                          <h3>یہ ہیڈنگ 3 ہے</h3>
                          <h4>یہ ہیڈنگ 4 ہے</h4>
                          <h5>یہ ہیڈنگ 5 ہے</h5>
                          <h6>یہ ہیڈنگ 6 ہے</h6>
                       </body>
                        
                    </html>

پیراگراف ٹیگ

<p> ٹیگ ایک طریقہ فراہم کرتا ہے تکست کو مختلف پیراگراف میں ڈالنے کے لئے۔ ہر ٹیکسٹ کا پیراگراف <p> اور بند کرنے والے </p> ٹیگز کے درمیان جانا چاہئے، جیسا کہ نیچے دی گئی مثال میں دکھایا گیا ہے۔

مثال

<!DOCTYPE html>
                    <html>
                
                       <head>
                          <title>پیراگراف کا مثال</title>
                       </head>
                        
                       <body>
                          <p>یہاں پہلا پیراگراف ہے۔</p>
                          <p>یہاں دوسرا پیراگراف ہے۔</p>
                          <p>یہاں تیسرا پیراگراف ہے۔</p>
                       </body>
                        
                    </html>

یہ مندرجہ ذیل نتیجہ پیدا کرے گا:

لائن بریک ٹیگ

ہر بار جب آپ <br /> عنصر استعمال کریں گے، اس کے بعد کی چیز نیکل کر اگلی لائن سے شروع ہو گی۔ یہ ٹیگ ایک خالی عنصر کا مثال ہے، جہاں آپ کو اُوپننگ اور کلوزنگ ٹیگز کی ضرورت نہیں ہوتی، کیونکہ ان کے درمیان کچھ ہوتا ہی نہیں ہے۔

ٹیگ <br /> کے حروف br اور فارورڈ سلیش کے درمیان ایک جگہ ہوتی ہے۔ اگر آپ اس جگہ کو چھوڑ دیں، پرانے براؤزرز لائن بریک کو ٹھیک سے رینڈر کرنے میں مشکلات ہو سکتی ہیں، جبکہ اگر آپ فارورڈ سلیش کو چھوڑ دیں اور بس <br> کا استعمال کریں تو یہ XHTML میں درست نہیں ہوتا ہے۔

مثال

<!DOCTYPE html>
                    <html>
                
                       <head>
                          <title>لائن بریک کا مثال</title>
                       </head>
                        
                       <body>
                          <p>ہیلو<br />
                             آپ نے اپنی اہلیہ وقت پر ڈیلیور کیا۔<br />
                             شکریہ<br />
                             مہناز</p>
                       </body>
                        
                    </html>

مواد کو مرکوز کرنا

آپ <center> ٹیگ کا استعمال کر سکتے ہیں تاکہ صفحے یا کسی ٹیبل سیل کی وسط میں کسی بھی مواد کو رکھ سکیں۔

مثال

<!DOCTYPE html>
                <html>
                
                   <head>
                      <title>مرکز میں مواد کا مثال</title>
                   </head>
                	
                   <body>
                      <p>یہ مواد مرکز میں نہیں ہے۔</p>
                      
                      <center>
                         <p>یہ مواد مرکز میں ہے۔</p>
                      </center>
                   </body>
                	
                </html>

یہ مندرجہ ذیل نتیجہ پیدا کرے گا -

مواد کو مرکوز کرنے کا مثال

یہ متن مرکوز نہیں ہے۔

یہ متن مرکوز ہے۔

افقی لائنز دستاویز کے حصوں کو بصری طور پر تقسیم کرنے کے لیے استعمال ہوتی ہیں۔ <hr> ٹیگ موجودہ دستاویز میں موقع پر سے دائیں کنارے تک ایک لائن پیدا کرتا ہے اور لائن کو مطابقت کے ساتھ تقسیم کرتا ہے۔

مثال کے طور پر، آپ چاہ سکتے ہیں کہ آپ دو پیراگرافوں کے درمیان ایک لائن دینا چاہتے ہیں جیسا کہ مندرجہ ذیل مثال میں ہے:

مثال

<!DOCTYPE html>
            <html>
            
               <head>
                  <title>افقی لائن کا مثال</title>
               </head>
            	
               <body>
                  <p>یہ پیراگراف ون ہے اور اوپر ہونا چاہئے</p>
                  <hr />
                  <p>یہ پیراگراف دو ہے اور نیچے ہونا چاہئے</p>
               </body>
            	
            </html>

یہ نتیجہ پیدا کرے گا:

افقی لائن کا مثال

یہ پیراگراف ون ہے اور اوپر ہونا چاہئے


یہ پیراگراف دو ہے اور نیچے ہونا چاہئے

دوبارہ،


ٹیگ خالی عنصر کا مثال ہے، جہاں آپ کو کھولنے اور بند کرنے والے ٹیگز کی ضرورت نہیں ہوتی، کیونکہ ان کے درمیان کچھ ہونے والا نہیں ہوتا۔


ٹیگ کے حروف hr اور فارورڈ سلیش کے درمیان ایک جگہ ہوتی ہے۔ اگر آپ اس جگہ کو چھوڑ دیتے ہیں، تو پرانے براؤزرز افقی لائن کو صحیح طریقے سے دکھانے میں مشکل ہو سکتی ہے، جبکہ اگر آپ فارورڈ سلیش کو چھوڑ دیتے ہیں اور صرف
استعمال کرتے ہیں تو یہ XHTML میں درست نہیں ہوتا۔

فارغ رکھیں فارمیٹنگ

کبھی کبھی، آپ چاہتے ہیں کہ آپ کا ٹیکسٹ ایچ ٹی ایم ایل دستاویز میں لکھے گئے طریقے کے بالکل مطابق ہو۔ ان مواقع میں، آپ پریفارمیٹڈ ٹیگ <pre> استعمال کر سکتے ہیں۔

چھاپیں گئی <pre> ٹیگ اور بند ہونے والی </pre> ٹیگ کے درمیان کوئی بھی ٹیکسٹ سورس دستاویز کی فارغ رکھیں گے۔

<!DOCTYPE html>
                <html>
                
                   <head>
                      <title>فارغ رکھیں فارمیٹنگ کا مثال</title>
                   </head>
                	
                   <body>
                      <pre>
                         function testFunction( strText ){
                            alert (strText)
                         }
                      </pre>
                   </body>
                	
                </html>