د HTML او CSS ترکیب په حقیقت کې د ویب پراختیا کونکو ته اجازه ورکوي چې په ویب پا onه کې د عناصرو او ډیزاینونو پراخه لړۍ رامینځته کړي. HTML (Hypertext Markup Language) د ویب پاڼې د جوړښت او منځپانګې د جوړولو لپاره معیاري ژبه ده، پداسې حال کې چې CSS (Cascading Style Sheets) د پاڼې د پریزنټشن او ترتیب کنټرول لپاره کارول کیږي. د HTML او CSS دواړو په کارولو سره، پراختیا کونکي کولی شي د لید زړه راښکونکي او متقابل ویب پاڼې ترلاسه کړي.
HTML د جوړښت او منځپانګې په ټاکلو سره د ویب پاڼې بنسټ چمتو کوي. دا د مختلفو عناصرو نښه کولو لپاره د ټاګونو لړۍ کاروي لکه سرلیکونه، پراګرافونه، انځورونه، لینکونه، فورمې، او نور. دا ټګونه پراختیا کونکو ته اجازه ورکوي چې مینځپانګه په منطقي ډول تنظیم او تنظیم کړي. د مثال په توګه، د ټګ د یوې پاڼې اصلي سرلیک تعریفولو لپاره کارول کیږي، پداسې حال کې چې ټګ د متن د پاراګرافونو تعریف کولو لپاره کارول کیږي.
CSS، له بلې خوا، د HTML عناصرو بصری پریزنټشن مسولیت لري. دا پراختیا کونکو ته اجازه ورکوي چې په ویب پا onه کې د عناصرو رنګونه ، فونټونه ، اندازې ، فاصله او موقعیت کنټرول کړي. د CSS په کارولو سره، پراختیا کونکي کولی شي د لید زړه راښکونکي ډیزاینونه رامینځته کړي چې د کاروونکي تجربه لوړوي. د مثال په توګه، CSS د سرلیک د شالید رنګ بدلولو لپاره کارول کیدی شي، پراګرافونو کې مختلف فونټ سټایلونه پلي کړي، یا ځواب ورکوونکي ترتیبونه رامینځته کړي چې د مختلف سکرین اندازو سره سمون ولري.
د HTML او CSS د یوځای کولو یوه له مهمو ګټو څخه د دې وړتیا ده چې منځپانګې (HTML) د پریزنټشن (CSS) څخه جلا کړي. د اندیښنو دا جلا کول د ویب پاڼو ساتل او تازه کول اسانه کوي. د مثال په توګه، که تاسو غواړئ په ټوله ویب پاڼه کې د فونټ سټایل بدل کړئ، تاسو کولی شئ په ساده ډول د هر انفرادي HTML ټګ بدلولو پر ځای د CSS فایل تازه کړئ. دا ماډلر طریقه موثریت ته وده ورکوي او د خطا خطر کموي.
سربیره پردې، CSS د ځواکمنو ځانګړتیاوو او تخنیکونو پراخه لړۍ وړاندې کوي چې د پیچلو ډیزاینونو او اغیزو جوړولو لپاره کارول کیدی شي. د مثال په توګه، CSS3 ځانګړتیاوې لکه لیږدونه، متحرکات، او ګریډینټ معرفي کوي، کوم چې د ویب پاڼې لپاره د متقابل عمل او بصری اپیل اضافه کولو لپاره کارول کیدی شي. د CSS سره، پراختیا کونکي کولی شي ځواب ویونکي ډیزاینونه هم رامینځته کړي چې د مختلف وسیلو او سکرین اندازو سره تطابق کوي، په پلیټونو کې د ثابت او کاروونکي دوستانه تجربه ډاډمن کوي.
د HTML او CSS د یوځای کولو ځواک روښانه کولو لپاره، راځئ چې یو ساده مثال په پام کې ونیسو. فرض کړئ چې تاسو یوه ویب پاڼه لرئ د نیویګیشن مینو سره چې د لینکونو لیست لري. د HTML په کارولو سره، تاسو کولی شئ د غیر منظم لیست په کارولو سره د مینو جوړښت تعریف کړئ ( ) او د توکو لیست ( ). بیا، د CSS په پلي کولو سره، تاسو کولی شئ د افقی ترتیب لپاره مینو سټایل کړئ، فونټ بدل کړئ، د هور اغیزې اضافه کړئ، او نور ډیر څه. د HTML او CSS دا ترکیب تاسو ته اجازه درکوي د لید په زړه پورې او فعال نیویګیشن مینو رامینځته کړئ.
د HTML او CSS ترکیب د ویب پراختیا کونکو ته وسایل چمتو کوي ترڅو په ویب پا onه کې د عناصرو او ډیزاینونو پراخه لړۍ رامینځته کړي. HTML جوړښت او مینځپانګه تعریفوي، پداسې حال کې چې CSS پریزنټشن او ترتیب کنټرولوي. دا ترکیب د ماډلر او ساتلو وړ کوډ ته اجازه ورکوي ، په بیله بیا د لید زړه راښکونکي ډیزاینونو او تاثیراتو رامینځته کولو وړتیا. د HTML او CSS ماسټر کولو سره، پراختیا کونکي کولی شي ښکیل او د کاروونکي دوستانه ویب پاڼې جوړې کړي.
په اړه نورې وروستۍ پوښتنې او ځوابونه EITC/WD/HCF HTML او CSS اساسات:
- په CSS کې د سرحد اندازه اضافه کولو څه شی دی؟
- د ګوګل څخه د کیلي ترلاسه کولو او زموږ په ویب پا onه کې د ګوګل نقشې فیچر فعالولو لپاره کوډ کې شاملولو کې کوم ګامونه شامل دي؟
- موږ څنګه د جاواسکریپټ کوډ په کارولو سره د ګوګل نقشه کې موقعیت او مارکر مشخص کړو؟
- د فعال ګوګل API نقشې په جوړولو کې د "initMap" فعالیت رول څه دی؟
- د ګوګل نقشه جوړولو لپاره د HTML کوډ کې د دویم سکریپټ ټګ موخه څه ده؟
- موږ څنګه کولی شو د ګوګل څخه د دوی د نقشې خدمت کارولو لپاره د API کیلي ترلاسه کړو؟
- په جاواسکریپټ کوډ کې د "initMap" فعالیت هدف څه دی؟
- موږ څنګه کولای شو د div عنصر سټایل کړو چې زموږ په ویب پاڼه کې د ګوګل نقشه لري؟
- موږ څنګه کولی شو د سی ایس ایس په کارولو سره د نقشې کانټینر div ابعاد مشخص کړو؟
- د ګوګل API نقشه رامینځته کولو په وخت کې د HTML سند په پیل کې د HTML5 doctype اعلامیې شاملولو هدف څه دی؟
نورې پوښتنې او ځوابونه په EITC/WD/HCF HTML او CSS اساساتو کې وګورئ