نظرانداز کرکے مرکزی مواد پر جائیں

آسان ایچ ٹی ایم ایل - html سیکھیں آسان اردو میں

السلام علیکم
تمام قارئینِ کرام کو میری جانب سے عید مبارک ہو۔
آپ کو یقیناً معلوم ہوگا کہ آئی ٹی درسگاہ میں ٹیوٹوریلز سیکشن میں کچھ عرصہ تک ایچ ٹی ایم ایل کی کلاسز چلتی رہیں۔ جنہیں میں الگ ٹیکسٹ کی شکل میں محفوظ بھی کررہا تھا۔ یہی مجموعہ کام آگیا، اب آپ کے سامنے اسے کتاب کی شکل میں پیش کیا جارہا ہے۔
کئی دوستوں نے تمام اسباق کو خود پی ڈی ایفانے کی پیشکش کی تھی، ان تمام دوستوں کا بہت بہت شکریہ۔
امیجز سے پی ڈی ایف بنانے سے ایک تو پی ڈی ایف کا سائز بڑھ جاتا،دوسرا کلک ایبل لنکس نہیں دے پاتے، تیسرے پی ڈی ایف سرچ ایبل نہیں بن پاتا۔
اب ٹیکسٹ سے پی ڈی ایف بنانے میں یہ تینوں سہولیات ہمیں حاصل ہوگئی ہیں۔
اردو نہیں تو کم از کم انگلش آسانی سے کسی بھی سوفٹویئر میں سرچ کی جاسکتی ہے۔
باقی ضروری تفصیلات کتاب کے ابتدائی صفحات میں درج کردی گئی ہیں۔
اس کورس میں حصہ لینے والے تمام شرکاءاور دیگر تمام ممبران کا شکریہ ادا کرتا ہوں، اور وہ تمام دوست بھی جنہوں نے اس کتاب میں کسی بھی قسم کا حصہ لیا۔
میاں محمد شاہد شریف صاحب(آئی ٹی درسگاہ ٹیم لیڈر) کا بھی خصوصی طور پر شکریہ ادا کروں گا کہ ای-اشاعتی مراحل میں انہوں نے قیمتی مشوروں سے نوازا۔
آپ کی رائے میرے لیے بہت قیمتی ہے۔ اسے اپنے پاس مت رکھیے۔ :)۔

فہرستِ مضامین ایک نظر میں

یشِ لفظ
عرضِ مؤلف
ایچ ٹی ایم ایل - ایک تعارف
ایچ ٹی ایم ایل کیا ہے؟
ایچ ٹی ایم ایل -آغاز
پہلا ویب پیج
چند ضروری اصطلاحات
ٹیگ :: Tag
اوپننگ اور کلوزنگ ٹیگ
ٹیگ
ایلیمنٹ: Element
ضروری اصطلاحات
Stand Alone Tags
ایٹریبیوٹ :Attribute
ایٹریبیوٹ لکھنے کا طریقہ
مبادیات کا خلاصہ
HTML میں ٹیکسٹ لکھنا
ہیڈنگز /عنوانات
پیراگراف
بولڈ، اٹالک اور انڈر لائن
ٹیگز
ریزلٹ
سپر سکرپٹ اور سَب سکرپٹ
White Space
Line Break ٹیگ
</ br> ٹیگ اور ٹیگ میں فرق
افقی لکیر :: Horizontal Rule
وِزِی وِگ ایڈیٹر :: Wysiwyg Editor
وِزِی وِگ ایڈیٹرز : WYSIWIG Editors
چند مشہور وِزِی وِگ ایڈیٹرز
کوڈنگ سیکھنا کیوں ضروری ہے؟
کانٹینٹ مینیجمنٹ سسٹم
اقتباس
ٹیکسٹ کا خلاصہ
ایچ ٹی ایم ایل ميں لِسٹ بنانا
. Ordered Lists
. Unordered Lists
. Definition List
< ol >ٹیگ
< li >ٹیگ
لِنکس
لنکس کی عمومی اقسام
لنکس بنانے کا طریقہ
دو ایچ ٹی ایم ایل صفحات کو آپس میں لنک کرنا
ڈائرکٹری سٹرکچر
سٹرکچر/بناوٹ
فولڈرز کا آپس میں تعلق
Home page / ہوم پیج
Relative URLs
ای میل لنکس
لنکس کو ایک نئی ونڈو میں کھولنا
ایک ہی صفحے کے مختلف مقامات کو لنک کرنا
”لسٹیں اور لنکس“ کاخلاصہ
IMAGES :: تصاویر
تصاویر شامل کرنا::  ٹیگ
Src ایٹریبیوٹ
Alt ایٹریبیوٹ
title ایٹریبیوٹ
تصویر کی لمبائی اور چوڑائی
تصویرکہاں رکھی جائے؟
اَلائن ایٹریبیوٹ
تصویر تیار کرنے کے تین اصول
تصویر کو ایڈِٹ کرنے کے لیے کونسا پروگرام استعمال کیا جائے؟
jpg امیجز کب استعمال کی جائیں؟
png اور gif فارمیٹ کب استعمال کی جائیں؟
شفاف بیک گراؤنٹ والی تصاویر
تصویر کی لمبائی اور چوڑائی
امیج کا ریزولُوشنImage Resolution
ریزولُوشن کیا ہے؟
میگا پکسلزکی تصویر کی کوالٹی
ٹرانسپیرنسی
جی آئی ایف ٹرانسپیرنسی
پی این جی ٹرانسپیرنسی
”امیجز“ کا خلاصہ
ایچ ٹی ایم ایل ٹیبـل
ٹیبل کا استعمال کب کیا جائے؟
سیل، Row اور Column
ٹیبل ایلیمنٹ
ٹیبل کیسے کام کرتا ہے؟
ٹیبل بارڈر
یا سے زیادہ سیلز/خانوں کو ملانا
طویل ٹیبلز
ایچ ٹی ایم ایل ٹیبلزکاخلاصہ
:: Forms فارم کنٹرولز کی قسمیں
سبمِٹنگ فارمز
فارمز کیسے کام کرتے ہیں؟
فارم ٹیگ کی ایک مثال
ایچ ٹی ایم فارمز کی ساخت
کی بناوٹ action
ایٹریبیوٹ method ایٹریبیوٹ
get میتھڈ
post میتھڈ
ٹیکسٹ اِن پُٹ
ٹیگ type=“ text ”
Name
Max Length
پاسورڈ اِن پُٹ
ٹیکسٹ ایریا
ریڈیو بٹن
چیک باکس
ڈراپ ڈاؤن لسٹ باکس
فائل اِن پُٹ باکس
فارمز خلاصہ
ایکسـٹرا مارک اَپ ایچ ٹی ایم ایل کے مختلف ورژنز
ایچ ٹی ایم ایل میں کمنٹس
کمنٹس کیوں لکھتے ہیں؟
کیا کمنٹس ویب سائٹ پر نظر آتے ہیں؟
کمنٹس لکھنے کا طریقہ
آئی ڈی ایٹریبیوٹ
آئی ڈی ایٹریبیوٹ کی ویلیو
آئی ڈی ایٹریبیوٹ کا فائدہ
کلاس ایٹریبیوٹ
کلاس ایٹریبیوٹ کی ساخت
استعمال کی شرائط بلاک ایلیمنٹ اور اِن لائن ایلیمنٹ
Block Level Elements
Inline Elements
ٹیکسٹ اور مختلف ایلیمنٹس کو ایک بلاک میں گروپ کرنا
ٹیکسٹ اور ایلیمنٹس کو اِنلائن گروپ کرنا
span ایلیمنٹ کیوں استعمال کرتے ہیں؟
آئی فریمز
ویب صفحہ کے بارے میں معلومات
meta
Description
keywords
robots
author
pragma
expires
اسکیپ کیریکٹرز
یا
HTML Entities
ایکسٹرا مارک اَپ - خلاصہ ٹیگ
ایلیمنٹ: Element
ضروری اصطلاحات
Stand Alone Tags
ایٹریبیوٹ :Attribute
ایٹریبیوٹ لکھنے کا طریقہ
مبادیات کا خلاصہ
HTML میں ٹیکسٹ لکھنا
ہیڈنگز /عنوانات
پیراگراف
بولڈ، اٹالک اور انڈر لائن
ٹیگز
ریزلٹ
سپر سکرپٹ اور سَب سکرپٹ
White Space
Line Break ٹیگ
</ br> ٹیگ اور ٹیگ میں فرق
افقی لکیر :: Horizontal Rule
وِزِی وِگ ایڈیٹر :: Wysiwyg Editor
وِزِی وِگ ایڈیٹرز : WYSIWIG Editors
چند مشہور وِزِی وِگ ایڈیٹرز
کوڈنگ سیکھنا کیوں ضروری ہے؟
کانٹینٹ مینیجمنٹ سسٹم
اقتباس
ٹیکسٹ کا خلاصہ
ایچ ٹی ایم ایل ميں لِسٹ بنانا
. Ordered Lists
. Unordered Lists
. Definition List
< ol >ٹیگ
< li >ٹیگ
لِنکس
لنکس کی عمومی اقسام
لنکس بنانے کا طریقہ
دو ایچ ٹی ایم ایل صفحات کو آپس میں لنک کرنا
ڈائرکٹری سٹرکچر
سٹرکچر/بناوٹ
فولڈرز کا آپس میں تعلق
Home page / ہوم پیج
Relative URLs
ای میل لنکس
لنکس کو ایک نئی ونڈو میں کھولنا
ایک ہی صفحے کے مختلف مقامات کو لنک کرنا
”لسٹیں اور لنکس“ کاخلاصہ
IMAGES :: تصاویر
تصاویر شامل کرنا:: ٹیگ
Src ایٹریبیوٹ
Alt ایٹریبیوٹ
title ایٹریبیوٹ
تصویر کی لمبائی اور چوڑائی
تصویرکہاں رکھی جائے؟
اَلائن ایٹریبیوٹ
تصویر تیار کرنے کے تین اصول
تصویر کو ایڈِٹ کرنے کے لیے کونسا پروگرام استعمال کیا جائے؟
jpg امیجز کب استعمال کی جائیں؟
png اور gif فارمیٹ کب استعمال کی جائیں؟
شفاف بیک گراؤنٹ والی تصاویر
تصویر کی لمبائی اور چوڑائی
امیج کا ریزولُوشنImage Resolution
ریزولُوشن کیا ہے؟
میگا پکسلزکی تصویر کی کوالٹی
ٹرانسپیرنسی
جی آئی ایف ٹرانسپیرنسی
پی این جی ٹرانسپیرنسی
”امیجز“ کا خلاصہ
ایچ ٹی ایم ایل ٹیبـل
ٹیبل کا استعمال کب کیا جائے؟
سیل، Row اور Column
ٹیبل ایلیمنٹ
ٹیبل کیسے کام کرتا ہے؟
ٹیبل بارڈر
یا سے زیادہ سیلز/خانوں کو ملانا
طویل ٹیبلز
ایچ ٹی ایم ایل ٹیبلزکاخلاصہ
:: Forms فارم کنٹرولز کی قسمیں
سبمِٹنگ فارمز
فارمز کیسے کام کرتے ہیں؟
فارم ٹیگ کی ایک مثال
ایچ ٹی ایم فارمز کی ساخت
کی بناوٹ action
ایٹریبیوٹ method ایٹریبیوٹ
get میتھڈ
post میتھڈ
ٹیکسٹ اِن پُٹ
ٹیگ type=“ text ”
Name
Max Length
پاسورڈ اِن پُٹ
ٹیکسٹ ایریا
ریڈیو بٹن
چیک باکس
ڈراپ ڈاؤن لسٹ باکس
فائل اِن پُٹ باکس
فارمز خلاصہ
ایکسـٹرا مارک اَپ ایچ ٹی ایم ایل کے مختلف ورژنز
ایچ ٹی ایم ایل میں کمنٹس
کمنٹس کیوں لکھتے ہیں؟
کیا کمنٹس ویب سائٹ پر نظر آتے ہیں؟
کمنٹس لکھنے کا طریقہ
آئی ڈی ایٹریبیوٹ
آئی ڈی ایٹریبیوٹ کی ویلیو
آئی ڈی ایٹریبیوٹ کا فائدہ
کلاس ایٹریبیوٹ
کلاس ایٹریبیوٹ کی ساخت
استعمال کی شرائط بلاک ایلیمنٹ اور اِن لائن ایلیمنٹ
Block Level Elements
Inline Elements
ٹیکسٹ اور مختلف ایلیمنٹس کو ایک بلاک میں گروپ کرنا
ٹیکسٹ اور ایلیمنٹس کو اِنلائن گروپ کرنا
span ایلیمنٹ کیوں استعمال کرتے ہیں؟
آئی فریمز
ویب صفحہ کے بارے میں معلومات
meta
Description
keywords
robots
author
pragma
expires
اسکیپ کیریکٹرز
یا
HTML Entities
ایکسٹرا مارک اَپ - خلاصہ

تبصرے

  1. گمنام8/06/2015

    کتاب ڈاؤنلوڈ کرلی ہے۔ ابھی پڑھنا شروع کیا ہے۔ پھر تبصرہ کروں گا۔
    فرحان عظیم

    جواب دیںحذف کریں
    جوابات
    1. تبصرے کے لیے بہت شکریہ۔ آپ کی رائے دہی کا انتظار رہے گا۔

      حذف کریں
  2. گمنام9/24/2015

    آپ کی کتاب بہت اچھی ہیں، بہوت شکریا
    عمراان اصغر انڈیا

    جواب دیںحذف کریں
  3. السلام علیکم
    آپ نے ایک کتاب آسان سی ایس ایس کا بھی تذکرہ کیا ہے۔ اس کی کیا خیر خبر ہے۔
    کیا وہ دستیاب ہے؟

    جواب دیںحذف کریں
  4. السلام علیکم
    آپ نے ایک کتاب آسان سی ایس ایس کا بھی تذکرہ کیا ہے۔ اس کی کیا خیر خبر ہے۔
    کیا وہ دستیاب ہے؟

    جواب دیںحذف کریں
    جوابات
    1. وعلیکم السلام ورحمۃ اللہ وبرکاتہ
      محترم اس کے کچھ ہی اسباق لکھے تھے کہ پھر وہ بات نہ رہی اور چھوٹ گئی۔ اس لیے یہ کتاب اب دستیاب نہیں۔

      حذف کریں
  5. گمنام10/10/2017

    Assalamo Alaikum, Subah-albakhair!
    Janab Atta-ur-Rafi Sahib kese hein aap, Umeed hai mizaj bakhair hongay (Inn Sha Allah).
    Janab aap ne jo Asan HTML pdf banaya mene wo download kya. Aur Al-Hamdulillah, Ba-Taufeeq Allah mene HTML ke bare mein bohat kuch Ilam hasil kya. Is Ilam ko mufat muhya karne keliye me aap ka boht Shukar guzaar hun (Shukrya).!
    Janab me HTML, CSS, JavaScript, PHP, SQL(& MySQL), JQuery aur zyadah languages seekhna chahta hun aur me apne webpage, websites banana chahta hun. Aap please HTML ke saath saath dusre languages (CSS, JavaScript, PHP, SQL) k urdu mein PDF banaein, taake ham jese ghareeb log ba-Aasani ghr bethe boht kuch seekh jaaen.(Jo academy join nhi kar sakte khaas kr un logun keliye).
    Shukrya.
    Allah Aapko mazeed kaamiyabiun se nawaze Aameen.

    جواب دیںحذف کریں
    جوابات
    1. وعلیکم السلام ورحمۃ اللہ وبرکاتہ۔
      محترم آپ کی رائے اور جواب کے لیے بہت شکریہ۔
      یہ الفاظ وہ کام کرتے ہیں جو انجن میں پٹرول کرتا ہے۔ بہت شکریہ عذیر بھائی۔
      باقی موضوعات پر کام شروع کیا تھا، لیکن جاری نہیں رکھ سکا۔ دعا کریں اللہ تعالیٰ کوئی سبیل نکال دے۔
      ایک مرتبہ پھر شکریہ۔
      والسلام علیکم
      عطاء رفیع

      حذف کریں
  6. گمنام10/19/2017

    جناب اعلی، مینے الله تعالی کے فضل و کرم سے آسان ایچ ٹی ایم ایل سے بهت علم صاصل کیا. جناب ایک سوال هے که هم نوٹ پیڈ مین ایچ ٹی ایم ایل کا کوڈ لکهتے هین اور برائوزر مین ریزلٹ دیکهتے هین تو جو هم ٹائیپ کرتے هین وه هی ظاهر هوتا هے. مثال کے طور پر: ﻻگ ان پیج بناتے هین اور برائوزر مین وه هی ظاهر هوتا. اب جب هم ﻻگ ان کرتے هین تو ویبسائیٹ کا هوم پیج اوپن هوتا هے. ﻻگ ان پیج مین نیچے "کریٹ نیو اکاؤنٹ" کا بٹن هوتا هے جب هم اس بٹن کو کلک کرتے هین تو سائن اپ پیج اوپن هو جاتا هے. یے کس طرح هوتا هے اس کیا طریقا هے؟ آپ پلیز مجهے بتائینگے؟

    I mean, "Create New Account" button ko click karne se Signup page show hota hai aur apna Name, Email, Password wagerah put karke "Signup" button ko click karne se ham website ke Home Page pr aajate hein. Agr ham Profile ko click karte hen to profile open hojata hai. Ye kese hota hai jo ham home se Profile ko click karte hen to profile mein dakhal hojate hen aur profile se Messages ko click karne se Message box mein aajate hen ? Wazahet se zara bataen plzz.

    uzair

    جواب دیںحذف کریں
    جوابات
    1. یہ سارا کام ہم لنکس کے ذریعے سے کرتے ہیں، آپ کتاب میں موجود ”لنکس“ والا باب پڑھ لیجیے۔
      ہم در اصل دو پیج بناتے ہیں اور پھر اس کو لنک کردیتے ہیں، اور لنک پر کلک کرنے سے وہی صفحہ کھل جاتا ہے۔ :)

      حذف کریں
  7. Assalamo Alaikum, Subah-albakhair! Janab kese hein aap, umeed hai mizaj bakhair hongay (Inn Sha Allah).!!
    Janab-e- A'ala Ba-Karm-e-Khuda Ta'ala, aur aap ki mehnat o Meharbani se Alhamdulillah me HTML full seekh chuka hun. Janab ab me Urdu mein ek website banane chala hun. Jis me users apne accounts baba sakengay, posts kar sakte hen, photos videos upload kar sakte hen lekin sir ek bat smjh mein nahi araha k jb code likhta hun aur result dekhta hun to wese hi zahir hota hai lekin wo Urdu k Alfaz achi tarah zahir nahi hote jese k apke website
    https://atarafi.blogspot.co.id/
    Pr Urdu alfaz saf saf likhe hwe hein. Aur janab ek aur bat jab users koi file upload karen ya post update karen to us file/post ke neeche likes - comments - share ka link (button) kese lagaein, aur ek ya ek se zyada files aur koi post ek saath kese upload karsakte hein?
    Janab me aapke jawab ka intzar karunga... Shujrya.!!
    Uzair

    جواب دیںحذف کریں

ایک تبصرہ شائع کریں

اپنا تبصرہ یہاں تحریر کیجیے۔

اس بلاگ سے مقبول پوسٹس

مکتبۂ شاملہ نیا ورژن 100 جی بی (76 جی بی ڈاؤنلوڈ)

مکتبۂ شاملہ کے تعارف بارے میں لکھ چکا ہوں کہ مکتبۂ شاملہ کیا ہے۔ اس کے نسخۂ مفرغہ (App-only) کے بارے میں بھی بات ہوچکی ہے، اور نسخۂ وقفیہ پر بھی پوسٹ آچکی ہے۔ عموماً سادہ شاملہ 15 جی بی کا ہوتا ہے جس میں 6000 کے لگ بھگ کتابیں ہوتی ہیں جو ٹیکسٹ شکل میں ہوتی ہیں۔ مدینہ منوّرہ کے کچھ ساتھیوں نے اس کا نسخۂ وقفیہ ترتیب دیا، جس کا سائز تقریباً 72 جی بی تھا۔ ابھی تحقیق سے معلوم ہوا کہ نسخۂ وقفیہ کا 100 جی بی والا ورژن بھی آچکا ہے۔ جس میں نئی کتابیں شامل کی گئی ہیں، اور کئی بگز کو بھی دور کیا گیا ہے۔ ڈاؤنلوڈ سائز 76 جی بی ہے، اور جب آپ ایکسٹریکٹ کرلیں گے تو تقریباً 100 جی بی کا ڈیٹا نکلے گا۔ رمضان المبارک کی مبارک ساعات میں کی گئی دعاؤں میں یاد رکھیے۔

مکمل درسِ نظامی کتب مع شروحات وکتبِ لغۃ اور بہت کچھ۔ صرف 12 جی بی میں

تعارف ”درسِ نظامی“ہند وپاک کے مدارس میں پڑھایا جانے والا نصاب ہے۔کتابوں کے اس مجموعے کے اندر درسِ نظامی کے مکمل 8 درجات کی کتابیں اور ان کی شروح کو جمع کرنے کی کوشش کی گئی ہے۔ یہ مجموعہ کس نے ترتیب دیا ہے، معلوم نہیں اور اندازے سے معلوم یہ ہوتا ہے یہ ابھی تک انٹرنیٹ پر دستیاب نہیں۔ اور پاکستان (یا شاید کراچی)میں ”ہارڈ ڈسک بہ ہارڈ ڈسک“ منتقل ہوتا رہا ہے۔بندہ کو یہ مجموعہ ملا تو اس کا سائز قریباً 22 جی بی تھا۔ تو اسے چھوٹا کرنا اور پھر انٹرنیٹ پر اپلوڈ کرنا مناسب معلوم ہوا کہ دیگر احباب کو بھی استفادہ میں سہولت ہو، مستقبل کے لیے بھی ایک طرح سے محفوظ ہوجائے۔یہ سوچ کر کام شروع کردیا۔ اسے چھوٹا کرنے، زپ کرنے اور پھر انٹرنیٹ پر اپلوڈ کرنے میں قریباً ایک مہینہ کا عرصہ لگا ہے۔ اور کام سے فارغ ہونے کے بعد اس کا سائز 11.8 جی بی یعنی پہلے سے تقریباً نصف ہے۔ اس سے مزید چھوٹا کرنے پر صفحات کا معیار خراب ہونے کا خدشہ تھا، تو نہ کیا۔ جن احباب نے یہ مجموعہ ترتیب دیا ہے ان کے لیے جزائے خیر کی دعا کرتے ہوئے، اور اللہ تعالیٰ سے خود اپنے اور سب کے لیے توفیقِ عمل کی دعا کرتے ہوئے آپ کے سامنے پیش کرنے کی

مختلف سوفٹویئرز میں عربی کے مخصوص حروف کیسے لکھیں؟

کمپیوٹر میں یونیکوڈ اردو ٹائپ کرنے لیے مختلف کی بورڈز دستیاب ہیں۔ بندہ چونکہ پہلے انپیج میں ٹائپنگ سیکھ چکا تھا، لہٰذا یونیکوڈ کے آنے پر خواہش تھی کہ ایسا کی بورڈ مل جائے جو ان پیج کی بورڈ کے قریب قریب ہو۔ کچھ تلاش کے بعد ایک کی بورڈ ملا، میری رائے کے مطابق یہ ان پیج کے کی بورڈ سے قریب تر ہے۔ اب جو ساتھی نئے سیکھنے والے ہیں، ان کو کون سا کی بورڈ سیکھنا چاہیے، یہ ایک اہم سوال ہے۔ میری رائے طلبۂ مدارس کے لیے ہمیشہ یہ رہی ہے کہ وہ عربی کی بورڈ نہ سیکھیں، کیونکہ عربی کی بورڈ کو اردو اور انگریزی کی بورڈز کے ساتھ بالکل مناسبت نہیں ہے، کیونکہ احباب جانتے ہیں کہ ان پیج کا فونیٹک کی بورڈ ملتے جلتے انگریزی حروف پر ترتیب دیا گیا ہے۔ مثلاً ”p“ پر آپ کو ”‬پ“ ملے گا۔ اس طرح حروف کو یاد رکھنے میں سہولت ہوجاتی ہے۔ اس طرح جو آدمی اردو سیکھ لے وہ تھوڑی سی مشق سے انگریزی ٹائپنگ کرسکتا ہے، اور انگریزی ٹائپنگ سیکھا ہوا شخص کچھ توجہ سے اردو بھی ٹائپ کرلیتا ہے۔ اور عربی کے تقریباً سارے ہی حروف اردو میں موجود ہیں، تو الگ سے کیوں نیا کی بورڈ سیکھا جائے۔ کئی کی بورڈز پر توجہ دینے کے بجائے بہتر یہ ہے ایک ہی ک