پرسش و پاسخ – آموزش قدم به قدم زبان HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با پرسش و پاسخ – آموزش قدم به قدم زبان HTML با من همراه باشید.

پرسش و پاسخ - آموزش قدم به قدم زبان HTML

Free-Learn

شما دوستان عزیز و محترم میتوانید در این قسمت هرگونه پرسشی در رابطه با بخش آموزش قدم به قدم زبان HTML در وبسایت فری لرن دارید، با استفاده از فرم زیر ارسال نمایید.

پرسش از شما، پاسخ از بنده تا جایی که بتونم و در توانم باشه، لطفا پرسش تان را فقط در رابطه با بخش مشخص شده ارسال نمایید تا نظم و ترتیب در بخش پرسش و پاسخ بخوبی رعایت شود.

برای مشاهده بخش – آموزش قدم به قدم زبان HTML لطفا اینجا کلیک نمایید. .

لطفا پرسشی که ارسال مینمایید فقط مربوط به بخش [آموزش قدم به قدم زبان HTML] باشد، در غیراینصورت پرسش شما تایید نخواهد شد.

Free-Learn

بنده خودم یکسری پرسش بهمراه پاسخ ارائه میدهم، امیدوارم که در بین پاسخ ها به جواب پرسش تان برسید ، ولی در صورتی که پرسش و پاسخ تان را در بین پرسش و پاسخ های زیر پیدا نکردید، لطفا حتما از طریق فرم زیر پرسش تان را ارسال نمایید.

Free-Learn

دریافت PDF یا پرینت این مطلب

33 پرسش و پاسخ

    • خیر، زبان HTML یک زبان برنامه نویسی نیست، بطور کلی بدانید زبان HTML یک زبان نشانه گذاری است یعنی با استفاده از یکسری تگ میتواند یکسری نشانه هایی رو درون یک صفحه ایجاد کند که این نشانه گذاری ها توسط مرورگرها پردازش می شوند و در نهایت یک صفحه ی وب در مرورگر نمایش داده می شود.

    • فایل های HTML معمولا ۲ پسوند میتونن داشته باشند.
      ۱: دات اچ تی ام ال (html.)
      ۲: دات اچ تی ام (htm.)
      ولی معمولا و بیشتر از پسوند شماره ۱ استفاده می شود، لذا شماهم سعی کنید همیشه از این پسوند استفاده نمایید.

  1. سلام ببخشید برای اینکه بتوان طراح خوب سایت شد باید همه مطالب مرتبط با این آموزش هارو باید یاد گرفت یا باید بخشی رو یاد گرفت اگه راهنمایی کنید ممنونتون میشم

    • سلام دوست خوبم,امیدوارم که حالتون خوب باشه.
      مطمعنا هرچیزی برای ایجاد شدن نیازمند یکسری مواد لازم می باشد.
      بطور کلی برای طراحی یک وبسایت نیازمند یادگیری زبان های HTML,CSS,JavaScript می باشید, که هرکدام از این زبان ها برای انجام کاره خاصی مورد استفاده قرار میگیرند.
      هر کدام از این زبان ها دارای یکسری ویژگی های مربوط به خودشون می باشند که ما باید اونارو بلد باشیم تا بتونیم در طراحیمون از اونا استفاده نماییم.
      ولی سوال اینه آیا لازم هست که خط به خط و تمام موارد مربوط به این زبان ها را یاد بگیریم یا خیر؟؟؟
      اینکه بخوایم بگیم باید و حتما و ضروری است که تمام موارد مربوط به اون زبان رو یاد بگیریم نه اینجوری نیست, مثلا الان ممکنه خوده شما خیلی از تگ های HTML رو تا الان حتی برای یکبار ندیده اید فقط چندتا تگ معروف از این زبان رو دیده باشید که با همونا هم میشه سایت طراحی کرد ولی (ولی) چه بهتر که همه ی موارد مربوطه رو بلد باشیم.
      ببینید دوست خوبم ما برای طراحی یک وبسایت ساده خیلی راحت میتونیم از تنها زبان HTML‌ استفاده نماییم بدون اینکه بخوایم از CSS یا JS استفاده نماییم.
      و وقتی هم داریم از تنها زبان HTML‌ استفاده میکنیم ما میتونیم با کمتر از ۲۰ تگ یا دستور یک وبسایت رو طراحی کنیم ولی مطمعنا نباید از این وبسایت انتظاری داشته باشید چرا که فقط از HTML استفاده کردیم..
      پس اگه میخواید یک وبسایت حداقلی داشته باشید که هم جذاب باشه هم حداقل امکانات رو داشته باشه باید از این سه زبان (HTML,CSS,JS) استفاده نمایید,وقتی شما این سه زبان رو یادگرفتید به راحتی میتونید سایت طراحی کنید ولی از اونجایی که HTML یک زبان آفلاین یا سمت کاربر می باشد شما برای اینکه بتونید یک قالب برای سیستم وردپرس طراحی نمایید باید زبان PHP رو هم یاد بگیرید.
      زبان PHP یک زبان سمت سرور می باشد که فوق العاده هم قوی می باشد.

      • ممنون از راهنمایی تون حالا شما این زبان هایی رو که گفتید رو توی سایتتون آموزش خواهید داد یانه باید از سایت های دیگه یاد بگیرم ممنون

        • بله دوست خوبم زبان های HTML,CSS,JS و دیگر زبان های طراحی وب بطور کامل در فری لرن ارائه داده خواهد شد.
          الان در حال تکمیل کردن زبان HTML‌ هستم ان شاالله بعد از اون آموزش زبان CSS رو شروع خواهم کرد.
          موفق باشید

  2. سلام خدمت شما دوست عزیز و محترم
    خیلی ممنون از لطف شما
    بله، CSS هم بطور کامل در سایت قرار خواهد گرفت.
    طبق برنامه ریزی مشخص باید اول HTML بطور کامل تموم شه بعد از اون CSS در سایت قرار خواهد گرفت.
    باتشکر

  3. سلام به همگی یه سوال داشتم :
    من دارم سایت مینویسم بعد توی قسمت html یه div درست کردم و تو قسمت css اون رو با ویژگی opacity شفافش کردم الان هر چیز دیگه ای که میزارم روی اون شفاف میشه میخاستم ببینم چیکارش کنم

  4. با عرض سلام وخسته نباشید یک سوال داشتم راجع به فونتهای که داخل یک ویبسایت درنظر گرفته میشه تا تمام محتوای سایت با آن شکل نمایش داده شود اگر با cssبخواهیم آنرا نمایش دهیم چگونه میتوانیم آن زبان را به داخل سایت آنلاین مان وارد کنیم؟؟؟

    • سلام و عرض ادب خدمت شما دوست عزیز و محترمم
      خیلی خوشحالم که میتونم درخدمت شما باشم
      ( آموزش کامل اضافه کردن فونت دلخواه در سایت را میتوانید از اینجا مشاهده نمایید )
      من بطور کامل برای شما توضیح میدم و همچنین مثال بصورت آنلاین براتون ارائه میدم، امیدوارم که بطور کامل مشکلتون حل شه و لطفا باز هرگونه سوالی داشتید حتما بپرسید.
      ++++++++++++
      ما از ۲ روش میتونیم فونت هارو وارد سایتمون کنیم، جوری که متن های موجود در سایت با فونت مورد علاقه خودمون نمایش داده شن.
      روش اول روش ساده ای است، استفاده از فونت های گوگل : یعنی گوگل همه زحمتشو کشیده فقط کافیه ما بیایم و از کدی که گوگل در اختیارمون میزاره استفاده کنیم.
      یعنی دیگه اون تکه کدرو هرکجا که بخوایم میتونیم استفاده کنیم به همین راحتی!
      برای مشاهده فونت های گوگل اینجا کلیک کنید، فقط مشکلی که هست اینه متاسفانه گوگل فونت فارسی زیاد نداره فقط چنتایی داره که اونم تازه با نام Arabic شناخته میشه.
      ولی خب بازم کارمونو راه میندازه.
      حال یه علامت + (پلاس) قرمزرنگ گوشه راست بالای هر یک از فونت ها وجود داره که اگه روش کلیک کنید اون فونت انتخاب میشه براتون، بعدش پایین صفحه روی همونی که انتخاب کردید کلیک کنید یه پنجره براتون باز میشه.
      تو اون پنجره یه تکه کد هست که باید اونو کپی کنید و بزارید بین تگ head صفحه وبتون، بعدش دیگه هرکجای وبسایتتون که بخواید از اون فونت استفاده کنید کافیه فونت فامیلی همون فونتی که انتخاب کردید رو صدا بزنید.
      مثال آنلاین را از اینجا مشاهده نمایید.
      ++++++++++++
      روش دوم اینه که ما بیایم و خودمون بصورت دستی فونت هامون رو یکی یکی اول آپلود کنیم بعد بیایم و با استفاده از یکسری کدها فونت هارو بشناسونیم به سایت و در نهایت بعدش هرکجا که بخوایم از فونت مورد نظرمون استفاده نماییم.
      ما باید از فونت مورد نظرمون فرمت های مختلفی داشته باشیم ، فرمت هایی همچون ttf,woff,eot و.. که فونت مورد نظرما بطور کامل در تمامی مرورگرها پشتیبانی شود.
      حال ۲ حالت داریم یا باید فونت مورد نظرمون رو تمامی فرمت هایی که گفتم ازش داشته باشیم یا فقط ttf رو داشته باشیم و بریم تو سایت زیر و این فرمت رو به بقیه فرمت ها تبدیل کنیم که دیگه از تمامی فرمت ها داشته باشیم.
      پس وارد این سایت میشید و فونتی که فرمت ttf داره رو میدید بهش اونم همون فونت رو با فرمت های مختلف میده بهتون خیلی راحت.
      حتی خودش اتوماتیک دستورات css مورد نیازمون رو میده که کافیه دیگه از اون دستورات در سایت خودمون استفاده کنیم.
      ولی خب من این دستورات را توضیح میدم که چه هستند، این دستورات در کل داره مسیر فایل فونتمون رو مشخص میکنه که این دستورات دستورات زیر می باشند :

      اول یک نام خانوادگی براش درست میکنیم بعدش میایم و تک تک فرمت های فونتمون رو مسیردهی میکنیم به راحتی!
      دیگه بعدشم هرکجا که بخوام از این فونت تو سایتم استفاده کنم میام و از نام خانوادگی که ایجاد کردم استفاده میکنم. مثله دستور زیر :

      برای مشاهده مثال آنلاین اینجا کلیک نمایید.
      +++++++
      تموم شد رفت.. حالا لطفا اگه سوالی چیزی داری حتما بپرس

    • سلام و عرض ادب خدمت شما دوست عزیز و محترم
      این کد رو بزارید بین تگ head صفحه وبتون مشکلتون حل میشه.

  5. سلام خسته نباشید
    ببخشید این ارور می دونید مربوط به چی هست :
    Parse error: syntax error, unexpected ‘define’ (T_STRING) in /home2/sayalcon/domains/sayal-control.com/public_html/wp-config.php on line 73

    • سلام و عرض ادب خدمت شما دوست عزیز و محترم
      همانطور که از ارور مشخصه ارور سینتکس ( مشکل در نحوه نوشتاری یک کلمه ) می باشد، و خودش آدرس محل خطا رو میده، یعنی در فایل wp-config.php خط ۷۳ اونجا ممکنه چیزی تعریف شده باشد که وردپرس قادر به درک و تفسیر و در نهایت فراخوانی آن نباشد.
      لطفا از طریق این ایمیل FreeLearn20181@gmail.com برای بنده پیام ارسال نمایید تا بتونم از اونجا مشکلتان را پیگیری و در نهایت حل نمایم.
      باتشکر

    • سلام و عرض ادب خدمت شما دوست گرامی
      لطفا کدهاتون رو برای بنده ارسال نمایید، یا از همینجا یا از طریق ایمیل [ FreeLearn20181@gmail.com ] تا بطور کامل بررسی و جواب صحیح خدمت شما ارسال بشه.
      یا هم لطفا از اینجا این کدهارو با کدهای خودتون چک کنید.
      اگه بازم موفق نشدید و همچنان مشکل بود لطفا حتما کدهاتون رو برای بنده ارسال نمایید.
      باتشکر

  6. با عرض سلام بنده به تازگی دارم زبان php یاد می گیرم.
    لطفا به بنده بگید عملگرهای زیر رو به چه معنی هست و چجوری بیان شون می کنید

    • سلام و عرض ادب خدمت شما دوست خوبم
      ۲ عملگر اولی رو بنظر به اشتباه تایپ کرده اید، ما عملگرهای مقایسه ای => و ===> رو داریم. همونطور که از اسمشون مشخصه برای مقایسه کردن هس.
      مثال :

      خب در مثال بالا، مقدار x برابر است با ۱۰ و مقدار y برابر است با ۲۰ ، شرط گذاشتیم گفتیم اگه x کوچکتر یا مساوی y بود فلان کارو کن . (ادامه شرط …. )

      حال عملگر ===> میگه اگه ۲ متغیر از یک نوع بودن و کوچکتر بود مثلا فلان کارو کن.
      مثال :

      مثال بالا خب متغیر x مقدارش ۱۰۰ می باشد و متغیر y مقدارش ۱۰۰ هس ولی چون توی ” ” گذاشته شده پس دیگه عدد نیست رشته یا String میشه. در نتیجه شرط میگه اگه x کوچکتر از y بود و هم نوع بودن مثلا فلان کارو کن . (ادامه شرط …. )

      دستور یا عملگر : هم یجورایی همون دستور if هستند یا اینجوری بگیم در واقع همون برای شرط گذاشتن هس، که علامت : ینی در غیراینصورت.
      مثال :

      این مثالم داره میگه یک x داریم با مقدار ۱۰ و y با مقدار ۲۰ بعد باز شرط گذاشتیم که اگه x بزرگتر از y بود مقدار x رو برگردون و اگه نبود مقدار y رو برگردون. نیست پس مقدار y برمیگرده.

      با استفاده از :: هم میتوان به یک کلاس دسترسی پیدا کرد بعد مثلا چیزی که تو کلاسه ازش بگیریم و فراخوانی کنیم. ( مثال )

      باتشکر

  7. با سلام و درود خدمت شما
    من یه برنامه نویس اکسل و پایتون هستم و تازه به سی اس اس و اچ تی ام ال پرداختم
    من یه سایت دارم می نویسم در آن می خوام یه همچین شرطی برگزار بشه:
    اگر هم اکنون > dd/mm/yyyy hh:mm:ss “عیدتان مبارک” را چاپ کند و در غیر اینصورت : “عیدتان پیشاپیش مبارک” .
    توروخدا سریعا کمکم کنید.

    • باسلام و عرض ادب خدمت شما دوست محترم
      خب به روش های مختلفی میشه اینکارو کرد، در واقع میتونیم بگیم به روش های مختلفی میتونیم از تاریخ و ساعت استفاده کنیم.
      برای مثال لطفا اینجا کلیک نمایید، در این مثال شما تاریخ و ساعت روزی که قرار است مثلا عید بشه رو مشخص میکنید و در ادامه اون بررسی میکنه که آیا تاریخ امروز با اون تاریخی که شما مشخص کردید بزرگتره یا کوچکتر، و پیغام مناسب را نمایش میدهد.
      همچنین در حالت پیشفرض از نمایش تاریخ کنونی با تاریخ مقصد جلوگیری شده ( بصورت کامنت شده می باشند )، که میتونید کامنت هارو حذف و تاریخ هارو به نمایش درآورید.
      برای تمرین میتونید این مثال رو به روش های مختلفی تغییر بدهید.

  8. slm
    y soal dr mored file css + html dshtm in bod k bad az save krdn file to notepad++ time ke sfhe to internet explorer mikhad ta load bshe kheily ziade yni hade aqal 4 y 5 br byad refresh knm ta tze y back ground color sade bala baire dqiq in ke marbot b time load hast y ekhtelal load krdne nmidnm vaqen aztn motshakerm
    • باسلام و عرض ادب خدمت شما دوست عزیز و محترم
      خب این سرعت لود که میفرمایید دلایل زیادی میتونه داشته باشه ، یعنی از خوده مرورگر IE ( اینترنت اکسپلورر ) بگیرید تا میزان توان سیستمتون و خیلی مسائل دیگه که میتونه دخالت داشته باشه.
      در مرحله اول متاسفانه IE بدلیل خیلی ضعیف بودنش خب خیلی از مشکلات زیرِ سَره خوده همین IE هست و کلا با وجود مرورگرهایی همچون گوگل کروم و موزیلا فایرفاکس استفاده از مرورگر IE اصلا پیشنهاد نمیشه.

      حال اینکه بخوایم بگیم مشکل از HTML یا CSS یا بطور کلی از دستورات این ۲ زبان هس، نه اینجوری نیست و ربطی به این ۲ زبان نداره چرا؟ چون وقتی مثلا ما یک دستور در فایل HTML مینویسیم خب وظیفه تحلیل و در نهایت نمایش اون دستور در مرورگر بر عهده خوده مرورگر و در نهایت سیستم ( از نظر قدرت و توانایی اجرا ) می باشد پس اینجا دیگه کاری به خوده زبان HTML و CSS نداره.

      استفاده از IE اونم الان با وجود مرورگرهایی همچون گوگل کروم و فایرفاکس خب بنظره من این کاره جذابی نیست و عملا غیرحرفه ای می باشد، یعنی شما اگه میخوای یه طراح وب شید خب باید از مرورگرهایی همچون گوگل کروم استفاده نمایید چراکه برخی از تگ های HTML و ویژگی های CSS کلا بروی IE اجرا نمیشن، پس بهتره از گوگل کروم یا موزیلا فایرفاکس استفاده نمایید.
      وگرنه خب بنده حتی همین الان برای شما تست زدم، سرعت لود در سیستم بنده و در مرورگر IE کاملا مطلوب می باشد و این برمیگرده به توان سیستم.
      لطفا شماهم از مرورگری همچون فایرفاکس یا گوگل کروم استفاده نمایید و تست بزنید.

      باتشکر

  9. سلام خسته نباشید
    برای ایجاد “background=”linear_gradient باید چیکار کرد که footer هم ادامش شاملش بشه تو تگ container که میزارم تگ nav رو کلا دیگه نمیخونه و متن content میاد تو nav اصلا استفاده از div ها و قسمت بندی کردن صفحه درسته؟

    • سلام دوست خوبم امیدوارم که حالتون خوب باشه
      خب اگه میخواید رنگ زمینه شامل هدر و باکس اصلی محتوا و فوتر باشه باید رنگ تون رو در هرسه باکس قرار بدید. ( نمونه مثال )
      لطفا اگه بنده منظور شمارو بد متوجه شدم حتما بهم بگید
      میتوانید از ابزار آنلاین تولید رنگ گرادینت استفاده نمایید
      بله از تگ div میتونیم برای قسمت بندی یا بخش بندی یا طرح بندی استفاده نماییم، حال در HTML5 چون یکسری تگ برای مثلا هدر یا فوتر ایجاد شدن پس بهتره از اینایی که در HTML5 اضافه شده اند استفاده نمایید. ولی خب درکل آره درسته از DIV میشه قسمت بندی کرد.
      باتشکر

      • slm v arz khste nbashid mojadad
        vqn mtshkrm vli mnzr bnde in hst k brai div haye content v footer age bkhm yk gradient dshte bshm bsort top to bottom k bridgi t backgroundm ndshte bshm chi kr byad krd
        bzm kheili mtshkrm az lotfton

        • سلامی مجدد خدمت شما دوست محترم
          اگه بتونید منظورتون رو واضحتر بیان کنید میتونم خیلی بهتر کمک کنم
          اگه میخواید رنگ از بالا به سمت پایین پاشیده بشه میتونید از این مثال استفاده کنید.
          اگه میخواید رنگ از پایین به سمت بالا پاشیده بشه میتونید از این مثال استفاده کنید.
          اگه میخواید رنگ از بالا گوشه سمت راست پاشیده بشه میتونید از این مثال استفاده کنید.
          اگه میخواید رنگ از بالا گوشه سمت چپ پاشیده بشه میتونید از این مثال استفاده کنید.
          اگه میخواید رنگ از پایین گوشه سمت راست پاشیده بشه میتونید از این مثال استفاده کنید.
          اگه میخواید رنگ از پایین گوشه سمت چپ پاشیده بشه میتونید از این مثال استفاده کنید.
          اگه میخواید رنگ از وسط پاشیده بشه میتونید از این مثال استفاده کنید.
          لطفا اگه بازم منظورتونو بد متوجه شدم، خواهش میکنم واضحتر بیان کنید تا بتونم خیلی بهتر راهنمایی کنم

          • منظور بنده این هست که یک gradient یکپارچه که هم شمال دیو content بشه و ادمه ش برسه به انتهای footer باید در این صورت برای content و footer یک تگ div کلی مشخص کنم ؟
            امیدوارم منظورم رو رسونده باشم خیلی متشکرم

          • باسلامی مجدد
            خب شما رنگ رو بروی DIV پدر اعمال کنید، و اگه این DIV پدر رو ندارید ایجادش کنید، یعنی دقیقا همینی که خودتون میفرمایید.
            مثلا شما یه DIV دارید برای محتوای اصلی و یه دایو برای فوتر، خب شما میخواید رنگ هم بروی باکس محتوا و هم بروی فوتر اعمال بشه.
            پس یه DIV ایجاد میکنید به گونه ای که DIV محتوای اصلی و فوتر داخلش قرار داشته باشند و سپس به این DIV رنگ میدید.

            اگرم بخواید رنگ بروی تمامی بدنه صفحه اعمال بشه باید رنگ بروی تگ BODY اعمال نمایید.
            امیدوارم که دیگه مشکل حل شده باشه
            باتشکر از شما

پرسش تان را ارسال نمایید

لطفا متن پرسش تان را وارد نمایید.
لطفا نام تان را وارد نمایید.