تحقیق مقاله HTML چیست؟

  • Code: # 19144

  • تعداد صفحات: 12
  • فرمت فایل: Word
  • سال: مشخص نشده
  • مقطع: مشخص نشده
  • دسته بندی: مهندسی فناوری اطلاعات IT
قیمت: ۱۰,۰۰۰ تومان
۱۲,۰۰۰ تومان
دانلود فایل
  • خلاصه
  • فهرست
  • خلاصه تحقیق مقاله HTML چیست؟

    HTML سرواژه‌ HyperText Markup Language و به معنای « زبان نشانه‌گذاری اَبَرمتن » است (که البته برخی آنرا « زبان علامت‌گذاری فرا متن » ترجمه کرده‌اند).

    اچ‌ تی‌ ام‌ ال، سنگِ‌بنای وب است؛ یک زبان رایانه‌ای که برای تدوین قالب و طراحی صفحات وب به کار برده می‌شود. دستورالعملهای این زبان، برچسب (Tag) نام دارند که محتوای یک صفحه وب، به وسیله آنها، نشانه‌گذاری شده و بدین‌ترتیب، نحوه نمایش آن صفحه برای مرورگرهای وِب، توصیف می‌شود. هر یک از برچسبهای اچ‌تی‌ام‌ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند؛ مثلاً برچسبهایی برای تغییر شکل ظاهری متن، نظیر درشت‌ و ضخیم کردن یک کلمه یا برقراری پیوند (Link) به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند. یک سند اچ‌تی‌ام‌ال، یک پرونده مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نامگذاری شده و محتویات آن از برچسبهای اچ‌تی‌ام‌ال تشکیل می‌شود.

    مرورگرهای وب، که قادر به درک و تفسیر برچسبهای اچ‌تی‌ام‌ال هستند، تک‌تک آنها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند. اچ‌تی‌ام‌ال یک زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساختمندکردن اطلاعات و تفکیک اجزای منطقی یک نوشتار — نظیر عناوین، تصاویر، فهرستها، بندها و جداول — به کار می‌رود. از سوی دیگر، اچ‌تی‌ام‌ال را نباید به عنوان زبانی برای صفحه‌آرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوریهای دیگری چون شیوه‌نامه‌های آبشاری است. گفتنی است اچ‌تی‌ام‌ال شکلی از زبان دیگری بنام اس.جی.ام.ال است و « کنسرسیوم وب جهان گستر » آنرا به عنوان استانداردی برای نشانه‌گذاری مستندات ابرمتنی برای عرضه در وب، تدوین کرده است.

     

    آیا می دانید که تاریخچه HTML چیست؟

     

     داستان از آزمایشگاه فوق انرژی فیزیک در دانشگاه  Geneva Switzerland به نام  CERN اغاز شد .مشکل ساده ای گربانگیر دانشمندان شده بود و ان تاخیر زمانی در انتشار مقالات و سایر اسناد بود . در این زمان تاخیر زمانی محدود به محوطه ساختمانی هسته ای CERN نبود امار زاد ولد و مرگ و میر در تمام جهان مشترک بود برای حل این معضلات ، Tim Berners_lee کسی بود که سیستمی را طراحی کرد تا برای دانشمندان امکان انتشار و تبادل مطالب پیچیده و مفید را از طریق یک مجموعه یاده از پروتکل ها ،بر روی اینتر نت  فراهم کند .(واژه استفاده شده برای تمام پیوستگی جهان پهناور ،شبکه TCP/IPبود. ،Time Berners راه حلش را در دوقسمت تقسیم کرد :

    HTTP )hyper text Transfer lunguage) به معنی زبان انتقال ابر متن ، که مسیر ساده ای را برای کاربران به منظور تقاضا کردن و دریافت فایلها بر روی اینتر نت فراهم کرده بود .

    Hyper text Mark up language(HTML) . معنی نشانه گذاری  که ابر متن است HTML بر خلاف HTTP که تعریف کننده چگونگی ارسال یا دریافت اطلاعات است ، نحوه نمایش اطلاعات بر روی پایانه دریافتی را بیان می کند    HTML اولیه ساخته شد ، به هیچوجه برای استفاده از ظرفیتهای نمایشی سیستم عامل های شی گرای امروزی نظیر یونیکس و ویندوز مایکروسافت امروزی مناسب نبوده . همچنین اصلاً برای ساخت پایگاههای تشکیل شده از شکلها و انیمیشن طراحی نشده بود . اینترنت تازه به دنیا آمده و تازه به عنوان کتابخانه ای از تفرجگاهها با حقیقت مجازی به نظر می رسید.به طوریکه ،تعریف اولیه ‌HTML شامل تعداد زیادی کنترول نمایش خروجی بود که نوعاً مورد نیاز مقالات مجلات علمی واقع می شد.

     

    HTML برگرفته از حروف اول Hyper Text Markup Language
       * میباشد. یک فایل HTML فایلی از نوع text میباشد که متشکل از markup tag ها میباشد.
       * مرورگر یا Browser از روی markup tag ها می فهمد که چگونه باید صفحه را نمایش بدهد.
       * یک فایل HTML باید دارای انشعاب htm و یا html باشد.
       * یک فایل HTML فایلی از نوع text میباشد که با هر ادیتور ساده ای قابل ایجاد است.
       * وظیفه اصلی تگ های اچتمل ( markup tags ) بیان چگونگی نمایش اطلاعات میباشد.
     
    میخواهید که یک فایل اچتمل بسازید؟
    اگر از ویندوز مایکروسافت استفاده میکنید، Notepad را باز کرده (Mac کارها از SimplaeText استفاده کنند. ) و متن زیر را در آن تایپ کنید:

     

    کد:

     

     
    Title of page
    This is my first html page. This text is bold

     

    سپس فایل را با نام مثلا test.html در درایو c:\ ذخیره کنید.

    برای دیدن فایل اچتمل بالا در مرورگر یا Brower تان ( معمولا اینترنت اکسپلورر و یا نتسکیپ نویگیتور ) کافی است که از روی منوی File/Open file فایل بالا را از روی محل ذخیره شده بخوانید. ( به آدرس فایل در قسمت Address توجه کنید، مثلا c:\test.html)

    یکی از مهمترین وظایف مرورگرها نمایش صفحات اچتمل میباشد، چه این صفحات روی کامپیوتر شما ذخیره شده باشند و یا اینکه از اینترنت خوانده شوند. با کلیک روی یک لینک فایلی شبیه فایل ذخیره شده توسط شما از روی وب سرور توسط مرورگرتان خوانده شده و سپس نمایش داده خواهد شد!!! ( به آدرس فایل در قسمت Address توجه کنید. )

    توضیح مثال بالا

    اولین تگ مثال بالا تگ میباشد. از روی این تگ، مرورگر نوع متن یعنی اچتمل بودنش را یافته و از روی انتهای متن اچتمل را میبابد.

    متن بین تگ و تگ اطلاعات شناسنامه ای یا "Header information" متن اچتمل بوده و نمایش داده نخواهند شد. در این مثال با کمک تگهای و <title/> تیتر و یا Title صفحه که در این مثال عبارت "Title of page" میباشد در بالای مرورگر نمایش داده خواهد شد.</p> <p> </p> <div style="direction: rtl;">متن بین تگ <body> و انتهای آن یعنی تگ <body/> تنها اطلاعاتی است که توسط مرورگرنمایش داده خواهند شد.</div> <div style="direction: rtl;">متن بین تگ <b> و انتهای آن یعنی تگ <b/> بصورت Bold و یا توپر نمایش داده خواهند شد.</div> <p> </p> <p style="direction: rtl;">انشعاب فایل htm یا html ؟</p> <p> </p> <div style="direction: rtl;">اغلب مرورگرها هر دو نوع انشعاب را به خوبی میشناسند ولی ترجیحا به هنگام ذخیره فایلهای اچتمل از html استفاده کنید.( استفاده از انشعابهای سه حرفی مانند htm مربوط به قدیم و سیستم عاملهائی چون DOS بودند.)</div> <div style="direction: rtl;">نکته ای در مورد ادیتورهای اچتمل ( HTML Editors ) </div> <p> </p> </div> </div> </li> <li> <div class="product-details__index"> <h2 class="text-muted">فهرست تحقیق مقاله HTML چیست؟</h2> <p>فهرست:</p> <p>ندارد.<br />  </p> <p>منبع:</p> <p>ندارد.</p> </div> </li> </ul> </div> </div> <div class="col-lg-12 product-details__keywords"> <p> <i class="fa-solid fa-tags"></i> <span>تگ‌ها: </span> </p> <p> <i>N/A</i> </p> </div> <div class="col-lg-12"> <div class="product-details__titles other_titles"> </div> </div> </div> </div> </div> <div class="col-lg-4"> <div class="product-details__related-articles"> <div class="related_part"> <i class="fa-solid fa-chevron-down"></i> <span>مطالب مرتبط با این موضوع:</span> </div> <div> <div class="js__basket-wrap js__products-list-wrap products-list-wrap"> <div data-id='19123' class="productlist__box"> <a href='/product/19123/تحقیق-مقاله-رایگان-آیا-می-دانید-که-تاریخچه-html-چیست' title="تحقیق مقاله رایگان  آیا می دانید که تاریخچه HTML چیست ؟"> <img class="product-box__file-type-icon" src="/DesktopModules/FaraShop/assets/img/word.svg" alt="" aria-hidden="true" style="width:64px;height:64px;object-fit:contain;" /> <h2>تحقیق مقاله رایگان  آیا می دانید که تاریخچه HTML چیست ؟</h2> </a> <p> <span> <i>تعداد صفحه: </i> <span>۳</span> </span> <span> <i>دسته بندی: </i> <a href="/products/54/مهندسی-کامپیوتر">مهندسی کامپیوتر</a> </span> </p> <div> <p> آیا می دانید که تاریخچه HTML چیست ؟ توسط Tim Berners-Lee در خلال دهه 90 میلادی همراه با گسترش وب، شکوفا شد. این زبان توسط مرورگر Mosaic معروفیت خاصی پیدا کرد. در آن زمان HTML در چند مدل منتشر می شد که آن بستگی داشت به سازنده فایل و انجمنهایی که در زمینه وب فعالیت داشتند. در نوامبر 1995 نسخه HTML 2.0 گسترش یافت و بلافاصله در همان سال HTML 3.0 منتشر شد، ولی استقبالی از آن نشد. در ... </p> </div> </div> <div data-id='7539' class="productlist__box"> <a href='/product/7539/تحقیق-مقاله-درباره-wap' title="تحقیق مقاله درباره WAP "> <img class="product-box__file-type-icon" src="/DesktopModules/FaraShop/assets/img/word.svg" alt="" aria-hidden="true" style="width:64px;height:64px;object-fit:contain;" /> <h2>تحقیق مقاله درباره WAP </h2> </a> <p> <span> <i>تعداد صفحه: </i> <span>۲۳</span> </span> <span> <i>دسته بندی: </i> <a href="/products/45/مهندسی-الکترونیک">مهندسی الکترونیک</a> </span> </p> <div> <p> مقدمه : امروزه به دلیل وابستگی شدید کاربران متحرک به دستگاههای قابل حمل_ جهت تماس کاربران به یکدیگر ، دسترسی به یکدیگر و دستیابی به دفتر آدرس _ شاهد گسترش روزافزون انواع تلفنهای سلولی ، پی جو و دستگاههای دیجیتالی شخصی (PDA) می باشیم تا جایی که حمل این دستگاهها در حد در دست داشتن ساعت مچی ، حمل کیف دستی یا به همراه داشتن دسته کلید ضروری و طبیعی به نظر می رسد . در ضمن نسخه های ... </p> </div> </div> <div data-id='8767' class="productlist__box"> <a href='/product/8767/تحقیق-مقاله-آموزش-کار-با-php' title="تحقیق مقاله آموزش کار با PHP "> <img class="product-box__file-type-icon" src="/DesktopModules/FaraShop/assets/img/word.svg" alt="" aria-hidden="true" style="width:64px;height:64px;object-fit:contain;" /> <h2>تحقیق مقاله آموزش کار با PHP </h2> </a> <p> <span> <i>تعداد صفحه: </i> <span>۳۴</span> </span> <span> <i>دسته بندی: </i> <a href="/products/54/مهندسی-کامپیوتر">مهندسی کامپیوتر</a> </span> </p> <div> <p> آموزش کار با PHP مقدمه PHP یک زبان اسکریپتی سمت سرور (Server Side) می باشد که امروزه بیش از نصفی از وبسایتهای مطرح جهان، از آن برای حفظ و نگهداری داده ها و ایجاد سایتهای دینامیک و به روز استفاده می کنند. PHP هم همانند تمامی زبانهای برنامه نویسی Server Side، ترجمه شده و در نهایت به صورت کدهای HTML در اختیار کاربر قرار می گیرد. از این رو کد شما، از دید دیگران پنهان می ماند. اما ... </p> </div> </div> <div data-id='20534' class="productlist__box"> <a href='/product/20534/تحقیق-مقاله-توسعه-سرویس-شبکه-جهت-upload-تصویر' title="تحقیق مقاله توسعه سرویس شبکه جهت Upload تصویر "> <img class="product-box__file-type-icon" src="/DesktopModules/FaraShop/assets/img/word.svg" alt="" aria-hidden="true" style="width:64px;height:64px;object-fit:contain;" /> <h2>تحقیق مقاله توسعه سرویس شبکه جهت Upload تصویر </h2> </a> <p> <span> <i>تعداد صفحه: </i> <span>۲۲</span> </span> <span> <i>دسته بندی: </i> <a href="/products/55/مهندسی-فناوری-اطلاعات-it">مهندسی فناوری اطلاعات IT</a> </span> </p> <div> <p> سرویسهای شبکه Asp . NET ، توابع فراوان شبکه ای را بر پایه استانداردهای صنعت کامپیوتر مثل SOAP , XML , HTTP فراهم می کنند . از آنجا که اکثر سرویسهای شبکه بر مبنای XML می باشد کلیه داده هایی که به یک سرویس شبکه فرستاده می شود یا از آن فراخوانی می گردد باید به صورت Text ساده باشد . به هر حال در Application خاصی ، نیاز به تبادل داده های bonary می باشد . به طور مثال شما می خواهید ... </p> </div> </div> <div data-id='13156' class="productlist__box"> <a href='/product/13156/تحقیق-مقاله-زبان-برنامه-نویسی-برای-ایجاد-صفحات-پویا-در-وب-php' title="تحقیق مقاله زبان برنامه نویسی برای ایجاد صفحات پویا در وب Php"> <img class="product-box__file-type-icon" src="/DesktopModules/FaraShop/assets/img/word.svg" alt="" aria-hidden="true" style="width:64px;height:64px;object-fit:contain;" /> <h2>تحقیق مقاله زبان برنامه نویسی برای ایجاد صفحات پویا در وب Php</h2> </a> <p> <span> <i>تعداد صفحه: </i> <span>۶۱</span> </span> <span> <i>دسته بندی: </i> <a href="/products/54/مهندسی-کامپیوتر">مهندسی کامپیوتر</a> </span> </p> <div> <p> تاریخچه کمتر کاربر اینترنت را می‌توان یافت که تاکنون با صفحاتی با پسوندPHP برخورد نکرده باشد و البته این پسوند نامی آشنا برای طراحان و برنامه ‌نویسان وب است. پی اچ پی (PHP) یکی از محبوب‌ترین و رایج‌ترین زبان‌ های برنامه ‌نویسی برای ایجاد صفحات پویا در وب است و کمتر خواسته‌ای در محیط وب وجود دارد که در PHP قادر به انجام آن نباشیم. از ایجاد یک صفحه ساده برای پردازش اطلاعات فرم‌ها، ... </p> </div> </div> <div data-id='8737' class="productlist__box"> <a href='/product/8737/تحقیق-مقاله-امنیت-در-php' title="تحقیق مقاله امنیت در PHP"> <img class="product-box__file-type-icon" src="/DesktopModules/FaraShop/assets/img/word.svg" alt="" aria-hidden="true" style="width:64px;height:64px;object-fit:contain;" /> <h2>تحقیق مقاله امنیت در PHP</h2> </a> <p> <span> <i>تعداد صفحه: </i> <span>۱۰</span> </span> <span> <i>دسته بندی: </i> <a href="/products/54/مهندسی-کامپیوتر">مهندسی کامپیوتر</a> </span> </p> <div> <p> تزریق اسکریپت های سمت کاربر (Cross Site Scripting) در این گونه حملات مهاجم بر روی نقطه ضعف برنامه شما برای کار با ورودی های کاربر که می توانند یک کد HTML یا جاوااسکریپت باشند متمرکز می شود. $filename="aa"; if (isset($HTTP_POST_VARS['comment']) and !empty($HTTP_POST_VARS ['comment'])){ if (!$handle = fopen($filename, 'a')) { echo "Cannot open aa file"; exit; } if (fwrite($handle, ... </p> </div> </div> <div data-id='8724' class="productlist__box"> <a href='/product/8724/تحقیق-مقاله-آشنایی-با-شغل-طراحی-وب-یا-اینترنت' title="تحقیق مقاله آشنایی با شغل طراحی وب یا اینترنت"> <img class="product-box__file-type-icon" src="/DesktopModules/FaraShop/assets/img/word.svg" alt="" aria-hidden="true" style="width:64px;height:64px;object-fit:contain;" /> <h2>تحقیق مقاله آشنایی با شغل طراحی وب یا اینترنت</h2> </a> <p> <span> <i>تعداد صفحه: </i> <span>۲۵</span> </span> <span> <i>دسته بندی: </i> <a href="/products/54/مهندسی-کامپیوتر">مهندسی کامپیوتر</a> </span> </p> <div> <p> چکیده وب مانند بقیه خدمات اینترنت مبتنی بر خدماتی است که از طریق آن می‌توان به گستره وسیعی از منابع اینترنت دسترسی پیدا کرد. برخلاف پیچیدگی اینترنت، ماهیت خود وب نسبتاً ساده است. از طرف دیگر وب جهانی بزرگترین و متنوع‌ترین مجموعه اطلاعاتی است که تا به حال گردآوری شده است و تلاشی است برای مرتبط ساختن انبای بشر با روش قدرتمند. این شبکه با امکانات گسترده خود یکی از پیشرفته‌ترین ... </p> </div> </div> <div data-id='25487' class="productlist__box"> <a href='/product/25487/تحقیق-مقاله-کد-نویسی-html' title="تحقیق مقاله کد نویسی HTML"> <img class="product-box__file-type-icon" src="/DesktopModules/FaraShop/assets/img/word.svg" alt="" aria-hidden="true" style="width:64px;height:64px;object-fit:contain;" /> <h2>تحقیق مقاله کد نویسی HTML</h2> </a> <p> <span> <i>تعداد صفحه: </i> <span>۵۵</span> </span> <span> <i>دسته بندی: </i> <a href="/products/55/مهندسی-فناوری-اطلاعات-it">مهندسی فناوری اطلاعات IT</a> </span> </p> <div> <p> منظور از وب چیست؟ وب شبکه ای است متشکل از تمامی کامپیوترهای دنیا، شبکه ای از شبکه ها. اینترنت، وب، WWW ، web یا World Wide Web همگی یک چیزند. تمامی کامپیوترهای وب می توانند با هم ارتباط داشته باشند. کامپیوترهای موجود در وب با کمک استاندارد ارتباطی یا پروتوکل HTTP با هم ارتباط برقرار می کنند . نحوه کارکرد وب چگونه است؟ اطلاعات وب داخل فایلهائی به نام Web Pages و یا صفحات وب قرار ... </p> </div> </div> <div data-id='8699' class="productlist__box"> <a href='/product/8699/تحقیق-مقاله-xml-چیست-و-چرا-دارای-اهمیت-فراوان-است-بخش-اول' title="تحقیق مقاله XML چیست و چرا دارای اهمیت فراوان است ؟ ( بخش اول )"> <img class="product-box__file-type-icon" src="/DesktopModules/FaraShop/assets/img/word.svg" alt="" aria-hidden="true" style="width:64px;height:64px;object-fit:contain;" /> <h2>تحقیق مقاله XML چیست و چرا دارای اهمیت فراوان است ؟ ( بخش اول )</h2> </a> <p> <span> <i>تعداد صفحه: </i> <span>۹۷</span> </span> <span> <i>دسته بندی: </i> <a href="/products/54/مهندسی-کامپیوتر">مهندسی کامپیوتر</a> </span> </p> <div> <p> تاکنون مقالات فراوانی در باره XML نوشته شده است، اغلب مطالب عنوان شده صرفا" بر روی یک موضوع خاص تمرکز داشته و از زاویه ای کاملا" اختصاصی و در عین حال محدود به بررسی تکنولوژی XML پرداخته و بندرت به موارد اساسی و خانواده بزرگ استاندارهای XML اشاره شده است. در این مقاله عناصر کلیدی مرتبط با تکنولوژی XML تشریح و ارتباط آنها تبین و جایگاه هر یک از آنها برای پیاده کنندگان و طراحان ... </p> </div> </div> <div data-id='8778' class="productlist__box"> <a href='/product/8778/تحقیق-مقاله-ایجاد-یک-برنامه-وب-نمونه-در-دات-نت-بخش-اول' title="تحقیق مقاله ایجاد یک برنامه وب نمونه در دات نت ( بخش اول ) "> <img class="product-box__file-type-icon" src="/DesktopModules/FaraShop/assets/img/word.svg" alt="" aria-hidden="true" style="width:64px;height:64px;object-fit:contain;" /> <h2>تحقیق مقاله ایجاد یک برنامه وب نمونه در دات نت ( بخش اول ) </h2> </a> <p> <span> <i>تعداد صفحه: </i> <span>۸۳</span> </span> <span> <i>دسته بندی: </i> <a href="/products/54/مهندسی-کامپیوتر">مهندسی کامپیوتر</a> </span> </p> <div> <p> تاکنون مقالات متعددی در رابطه با دات نت و برنامه نویسی وب بر روی سایت منتشر شده است و شاید این سوال برای بسیاری از خوانندگان مطرح شده باشد که ارتباط این مطالب با یکدیگر چیست و چگونه می توان آنان را با یکدیگر مرتبط و از مطالب ارائه شده در جهت ایجاد یک برنامه وب استفاده نمود؟. در مجموعه مقالاتی که بدین منظور آماده و بر روی سایت منتشر خواهد شد ، سعی می گردد به سوالات فوق ، پاسخ ... </p> </div> </div> </div> </div> </div> </div> </div> <div class="js__product-request-modal product-details__request-modal" hidden aria-hidden="true"> <div class="product-details__request-modal-backdrop" aria-hidden="true"></div> <section class="product-details__request-dialog" role="dialog" aria-modal="true" aria-label="درخواست بروزرسانی" tabindex="-1"> <p>کاربر گرامی، پس از خرید فایل، امکان ارسال درخواست شخصی‌سازی فایل یا بروزرسانی محتوا از داخل پنل‌کاربری امکان‌پذیر می‌باشد.</p> <p>درخواست شما پس از ارائه توسط همکاران ما برآورد هزینه شده و در صورت موافقت نسبت به انجام آن اقدام خواهد شد.</p> </section> </div> <div class="js__wishlist-fallback-wrap product-details__wishlist-fallback-wrap"> <button type="button" class="js__btn-favorite js__wishlist-fallback product-details__btn-favorite" data-add-text='افزودن به علاقمندی ها' data-product-id='19144' data-remove-text='حذف از علاقمندی ها' data-only-registered='این امکان تنها برای کاربران فراهم است' data-wishlist-state="unknown" aria-pressed="false" aria-label='افزودن به علاقمندی ها' title='افزودن به علاقمندی ها'> <svg class="js__wishlist-icon product-details__wishlist-heart-svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <path d="M12 20.5 4.7 13.6C1.1 10.2 3 4.5 7.6 4.5c1.9 0 3.5 1 4.4 2.4.9-1.4 2.5-2.4 4.4-2.4 4.6 0 6.5 5.7 2.9 9.1L12 20.5Z"></path> </svg> </button> <div class="js__wishlist-message" aria-live="polite"></div> </div> </div> <script defer src="/DesktopModules/FaraShop/assets/js/product-details.public.bundle.js?v=16.6.0.29"></script> </div> </div><!-- End_Module_1416 --></div> </div></div> </div> </div> </section> <div class="quick-menu"> <ul> <li class="home-btn hidden-lg hidden-md"> <a href="/"> <i class="fa-solid fa-house"></i> <span>صفحه نخست</span> </a> </li> <li class="categories-btn hidden-lg hidden-md"> <div class="js__open-sidebar btn-open-sidebar"> <i class="fa-solid fa-layer-group"></i> <span>دسته‌بندی‌ها</span> </div> </li> <li class="basketview-btn"> <div class="js__btn-show-basket btn-show-basket btn-hover-fx"></div> <section class="js__basket-wrap basket-preview-wrap col-md-4 col-sm-7 col-xs-12" data-show-quantity-in-alarm="{{ShowQuantityInAlarm}}"> <a href="https://www.aranpapers.ir/checkout">ثبت سفارش</a> <header> <div class="row basket-row basket-row--head"> <div class="col-sm-8 col-xs-8">عنوان محصول</div> <div class="col-sm-3 col-xs-3 text-left">قیمت</div> <div class="col-sm-1 col-xs-1"></div> </div> </header> <main id="basketPreview" class="js__simple"></main> </section> <script id="basketPreviewTemplate" type="text/x-handlebars-template"> {{#each this}} <div class="row basket-row basket-row--item"> <div class="col-sm-8 col-xs-8 fsh-middle over-hi"> <div> {{Title}} {{BasketPreviewCustomProductTitle}} </div> </div> <div class="col-sm-3 col-xs-3 price"> {{UnitPrice}}  تومان </div> <div class="col-sm-1 col-xs-1 fsh-middle basket-row__action"> <i class="basket-btn js__btn-delete fa-solid fa-trash-can" data-id='{{ID}}' data-mood="delete" title="حذف از سبد خرید" aria-label="حذف از سبد خرید"></i> </div> </div> {{/each}} <div class="basket-preview-footer"> <span class="basket-total-label">جمع کل</span> <span class="basket-total-value">{{getTotalPrice this}}  تومان</span> </div> </script> <div class="js__farashop__notify farashop__notify" role="status" aria-live="polite" aria-atomic="true"> <i class="fa-solid fa-xmark notify__close" aria-hidden="true" title="بستن"></i> <span class="notify__icon" aria-hidden="true"> <i class="fa-solid fa-circle-check"></i> </span> <span class="notify__basket hidden"> سبد خرید بروزرسانی شد </span> </div> </li> </ul> </div> </div> <input name="ScrollTop" type="hidden" id="ScrollTop" /> <input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" /> </form> <!--CDF(Javascript|/js/dnncore.js|DnnBodyProvider|100)--><!--CDF(Css|/Portals/0/home.css|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/js/dnn.modalpopup.js|DnnBodyProvider|50)--><!--CDF(Css|/Resources/Shared/stylesheets/dnndefault/7.0.0/default.css|DnnPageHeaderProvider|5)--><!--CDF(Css|/Portals/0/portal.css|DnnPageHeaderProvider|35)--><!--CDF(Javascript|/Resources/libraries/jQuery/03_05_01/jquery.js|DnnPageHeaderProvider|5)--><!--CDF(Javascript|/Resources/libraries/jQuery-Migrate/03_02_00/jquery-migrate.js|DnnPageHeaderProvider|6)--><!--CDF(Javascript|/Resources/libraries/jQuery-UI/01_12_01/jquery-ui.js|DnnPageHeaderProvider|10)--> </div> </body> </html>