Skip to content

HTML5 میں فہرستیں اور جدول ۔ لیکچر 2

HTML5 میں فہرستیں اور جدول

اردو میں جدید کوڈنگ زبان ایچ ٹی ایم ایل ، سی ایس ایس اور جاوا اسکرپٹ کا یہ دوسرا لیچکچر ہے ۔ یہ لیکچر انتہائی آسان زبان اور آسانی سے سمجھ میں آنے والی کوڈنگ میں لکھا گیا ہے ۔ اس زبان کو ایک نو دس سال کا بچہ بھی آسانی سے سمجھ سکتا ہے ۔۔ تو آئیے شروع کرتے ہیں آج کا دوسرا لیکچر ۔

HTML فہرستیں


جدول ڈیٹا کو قطاروں اور کالموں میں دکھانے کے لیے استعمال ہوتے ہیں۔

  • <table>: جدول کی وضاحت کرتا ہے۔
  • <tr>: جدول کی قطار کی وضاحت کرتا ہے۔
  • <th>: ہیڈر سیل کی وضاحت کرتا ہے۔
  • <td>: ڈیٹا سیل کی وضاحت کرتا ہے۔

کوڈ کی مثال

<!DOCTYPE html>
<html lang="ur">
<head>
    <title>فہرستیں اور جدول</title>
</head>
<body>
    <h2>میری پسندیدہ چیزیں</h2>
    <ul>
        <li>کتابیں پڑھنا</li>
        <li>کوڈنگ کرنا</li>
        <li>سفر کرنا</li>
    </ul>

    <h2>طلباء کی فہرست</h2>
    <table border="1">
        <tr>
            <th>نام</th>
            <th>عمر</th>
        </tr>
        <tr>
            <td>احمد</td>
            <td>15</td>
        </tr>
        <tr>
            <td>فاطمہ</td>
            <td>17</td>
        </tr>
    </table>
</body>
</html>

HTML فارمز

HTML5 میں فہرستیں اور جدول

HTML فارمز کیا ہیں؟

HTML فارمز صارف سے معلومات اکٹھا کرنے کے لیے استعمال ہوتے ہیں۔ فارم مختلف ان پٹ عناصر پر مشتمل ہو سکتا ہے جیسے ٹیکسٹ فیلڈز، چیک باکس، ریڈیو بٹن، سبمٹ بٹن وغیرہ۔

فارم کے عناصر
  • <form>: صارف کے ان پٹ کے لیے ایک HTML فارم کی وضاحت کرتا ہے۔
  • <input>: سب سے اہم فارم عنصر ہے۔ اس کی قسم (type) کے لحاظ سے مختلف طریقوں سے ظاہر کیا جا سکتا ہے۔
  • <label>: ان پٹ عنصر کے لیے ایک لیبل کی وضاحت کرتا ہے۔
  • <textarea>: ملٹی لائن ٹیکسٹ ان پٹ کنٹرول کی وضاحت کرتا ہے۔
  • <button>: ایک کلک کے قابل بٹن کی وضاحت کرتا ہے۔
کوڈ کی مثال
<!DOCTYPE html>
<html lang="ur">
<head>
    <title>HTML فارم کی مثال</title>
</head>
<body>
    <h2>رجسٹریشن فارم</h2>
    <form action="/submit_page.php">
        <label for="fname">پہلا نام:</label><br>
        <input type="text" id="fname" name="fname"><br>
        
        <label for="lname">آخری نام:</label><br>
        <input type="text" id="lname" name="lname"><br>&n        
        <label for="email">ای میل:</label><br>
        <input type="email" id="email" name="email"><br><br>
        
        <input type="submit" value="جمع کرائیں">
    </form>
</body>
</html>

اردو میں تمام لیکچرز کی فہرست

انگلش زبان میں لیکچر پی کے بلاگ پر دیکھیں

Leave a Reply

Your email address will not be published. Required fields are marked *