معرفی HTML
HTML چیست؟
- HTML زبان استاندارد نشانه گذاری برای ساخت صفحات وب است.
- HTML مخفف شده عبارت “Hyper Text Markup Language” است.
- HTML با استفاده از نشانه گذاری ساختار صفحات وب را توصیف می کند.
- عناصر HTML، بلوک های سازنده صفحات وب هستند.
- عناصر HTML با استفاده از تگ ها نمایش داده می شوند.
- تگ های HTML، قطعات محتوا مانند “عنوان”، “پاراگراف”، “جدول” و غیره را برچسب گذاری می کنند.
- مرورگر ها تگ های HTML را نمایش نمی دهند، اما با استفاده از آن ها محتوای صفحه وب را ارائه می کنند.
یک سند ساده HTML
توضیحات مثال
- اعلان به مرورگر می گوید که این یک سند HTML 5 است.
- عنصر ، عنصر ریشه در یک سند HTML است.
- عنصر شامل اطلاعات متا در مورد سند HTML است.
- عنصر
</span></a> یک عنوان را برای سند مشخص می کند.</li> <li><a href=https://sourcesara.com/tag-body-in-html/ >عنصر <span class=codespan dir=ltr><body></span></a> محتوای قابل مشاهده یک صفحه وب را شامل می شود.</li> <li>عنصر <span class=codespan dir=ltr><br><h1></span> یک عنوان بزرگ تعریف می کند.</li> <li><a href=https://sourcesara.com/tag-p-in-html/ >عنصر <span class=codespan dir=ltr><p></span></a> یک پاراگراف تعریف می کند.</li></ul><h4 style="text-align: justify;"><span class=h4_titr_style>تگ های HTML</span></h4><p style="text-align: justify;">تگ های HTML نام های عناصر احاطه شده با براکت های زاویه (<,>) هستند.</p><p></p><div id=crayon-6824a7260a0b2655873642 class="crayon-syntax crayon-theme-github crayon-font-consolas crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; float: left; font-size: 12px !important; line-height: 25px !important;"><div class=crayon-plain-wrap><textarea wrap=soft class="crayon-plain print-no" data-settings readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 25px !important;"> <tagname>Content goes here...</tagname></textarea></div><div class=crayon-main style><table class=crayon-table><tr class=crayon-row><td class="crayon-nums " data-settings=hide><div class=crayon-nums-content style="font-size: 12px !important; line-height: 25px !important;"><div class=crayon-num data-line=crayon-6824a7260a0b2655873642-1>1</div></div></td><td class=crayon-code><div class=crayon-pre style="font-size: 12px !important; line-height: 25px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class=crayon-line id=crayon-6824a7260a0b2655873642-1><span class="crayon-r "><tagname></span><span class="crayon-i ">Content goes here...</span><span class="crayon-r "></tagname></span></div></div></td></tr></table></div></div><p></p><ul style="text-align: justify;"> <li>تگ های HTML معمولا به شکل جفتی می آیند مانند <span class=codespan dir=ltr><p></span> و <span class=codespan dir=ltr></p><p></span>.</li> <li>در یک جفت اولین تگ را تگ شروع و دومین تگ را تگ پایان می نامند.</li> <li>تگ پایان نیز مانند تگ شروع نوشته می شود با این تفاوت که در قبل از نام تگ یک علامت / نوشته می شود.</li></ul><p style="text-align: justify;"><span class=h4_titr_style>مرورگر وب</span></p><p style="text-align: justify;">هدف یک مرورگر وب (گوگل کروم، موزیلا فایرفاکس و …) خواندن اسناد HTML و نمایش آن ها است.</p><p style="text-align: justify;">مرورگر ها تگ های HTML را نمایش نمی دهند، اما با استفاده از آن ها نحوه نمایش هر سند را تعیین می کنند.</p><p style="text-align: center;"><img title="تصویر html-introduction_1693_1" decoding=async class="size-full wp-image-1709 aligncenter lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20513%20285'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2018/07/html-introduction_1693_1.png alt="تصویر html-introduction_1693_1 معرفی HTML - آموزش HTML" width=513 height=285></p><h4 style="text-align: justify;"><span class=h4_titr_style>ساختار صفحه HTML</span></h4><p style="text-align: justify;">در زیر می توانید نمایی گرافیکی از ساختار یک صفحه HTML را مشاهده کنید:</p><p style="text-align: center;"><img title="تصویر html-introduction_1693_2" decoding=async class="size-full wp-image-1710 aligncenter lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20493%20423'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2018/07/html-introduction_1693_2.png alt="تصویر html-introduction_1693_2 معرفی HTML - آموزش HTML" width=493 height=423></p><p style="text-align: justify;"><strong>توجه: </strong>فقط محتوای موجود بین تگ <span class=codespan dir=ltr><body></span> (ناحیه سفید رنگ) در مرورگر ها نمایش داده می شوند.</p><h4 style="text-align: justify;"><span class=h4_titr_style>اعلامیه <!DOCTYPE></span></h4><p style="text-align: justify;">اعلام <span class=codespan dir=ltr><!DOCTYPE></span> نوع سند را نشان می دهد و به مرورگر کمک می کند تا صفحات وب را به درستی نمایش دهد. این اعلام باید یک بار و بالای سند (بالاتر از همه تگ ها) بیاید. این اعلام به بزرگ یا کوچک بودن حروف حساس نیست.</p><p style="text-align: justify;">اعلام <span class=codespan dir=ltr><!DOCTYPE></span> برای یک سند HTML 5 به صورت زیر می باشد:</p><p></p><div id=crayon-6824a7260a0b8107726928 class="crayon-syntax crayon-theme-github crayon-font-consolas crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; float: left; font-size: 12px !important; line-height: 25px !important;"><div class=crayon-plain-wrap><textarea wrap=soft class="crayon-plain print-no" data-settings readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 25px !important;"> <!DOCTYPE html></textarea></div><div class=crayon-main style><table class=crayon-table><tr class=crayon-row><td class="crayon-nums " data-settings=hide><div class=crayon-nums-content style="font-size: 12px !important; line-height: 25px !important;"><div class=crayon-num data-line=crayon-6824a7260a0b8107726928-1>1</div></div></td><td class=crayon-code><div class=crayon-pre style="font-size: 12px !important; line-height: 25px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class=crayon-line id=crayon-6824a7260a0b8107726928-1><span class=crayon-n><!DOCTYPE html></span></div></div></td></tr></table></div></div><p></p><h4 style="text-align: justify;"><span class=h4_titr_style>ورژن های HTML<br> </span></h4><p style="text-align: justify;">از زمان بوجود آمدن وب تا به امروز، ورژن های زیادی از HTML ارائه شده اند:</p><table class=table_content style="height: 146px; width: 100%; border-collapse: collapse; background-color: #f5f5f5;" border=1><tbody><tr style="height: 18px;"><td style="width: 409px; height: 18px; text-align: center; background-color: #b8b8b8;">ورژن</td><td style="width: 409px; height: 18px; text-align: center; background-color: #b8b8b8;">سال</td></tr><tr style="height: 18px;"><td style="width: 409px; height: 18px; text-align: center;">1991</td><td style="width: 409px; height: 18px; text-align: center;">HTML</td></tr><tr style="height: 18px;"><td style="width: 409px; height: 18px; text-align: center;">1995</td><td style="width: 409px; height: 18px; text-align: center;">HTML 2.0</td></tr><tr style="height: 18px;"><td style="width: 409px; height: 18px; text-align: center;">1997</td><td style="width: 409px; height: 18px; text-align: center;">HTML 3.2</td></tr><tr style="height: 18px;"><td style="width: 409px; height: 18px; text-align: center;">1999</td><td style="width: 409px; height: 18px; text-align: center;">HTML 4.01</td></tr><tr style="height: 18px;"><td style="width: 409px; height: 18px; text-align: center;">2000</td><td style="width: 409px; height: 18px; text-align: center;">XHTML</td></tr><tr style="height: 18px;"><td style="width: 409px; height: 18px; text-align: center;">2014</td><td style="width: 409px; height: 18px; text-align: center;">HTML5</td></tr></tbody></table></div><div class="row margin-bottom-apply"><div class="col-md-12 text-center btn_next_prev"><hr> <span class="btn btn-sunny"> <a href=https://sourcesara.com/html-editors/ data-toggle=tooltip title="HTML - ویرایشگرها"><i class="fa fa-arrow-right padding-left-apply"></i>HTML - ویرایشگرها</a> </span></div></div><div class=panel-footer><div class=row><div class="col-md-12 post-catagory-custom"> <i class="fa fa-server padding-top-apply padding-left-apply"></i> <span>دسته ها:</span> <span itemprop=articleSection> <a href=https://sourcesara.com/category/tutorials/ rel="category tag">آموزش ها</a> - <a href=https://sourcesara.com/category/programms/html/ rel="category tag">زبان HTML</a></span></div></div></div></article><div class=row><div class=col-md-12><div class=ads_buttom_post> <a href=https://sourcesara.com/training-design-template-with-html-and-css/ title="فیلم آموزش HTML" onclick="ads_click('1')" target=_blank> <img class="img-responsive img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/ads/1179_1.gif width=100% height=100% alt="فیلم آموزش HTML"> </a></div></div></div></div></div><div id=slider_post_source class="row hidden"><div class=col-md-12><div class="panel panel-slider"><div class=panel-heading> <i class='fa fa-code icon-sizes'></i><span class=panel-title>سورس کدهای مرتبط</span><div class=pull-left><i id=slider_source_arrow_right class="fa fa-angle-right"></i><i id=slider_source_arrow_left class="fa fa-angle-left"></i></div></div><div class=panel-body><div class="row regular_slider_post_source slider padding-all-apply"><div class='col-xs-12 col-sm-4 col-md-2' style=padding:3px><div class='panel panel-thumbnail shadow transition'><a href=https://sourcesara.com/mastermind-game-in-c-language/ ><div class='panel-body thumbnail-post-custom'><div class=img><div class='view second-effect'><img class=lazy src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20280%20200'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2025/03/mastermind-game-c_13015_1.jpg width=280 height=200 alt='بازی فکر بکر (Mastermind) به زبان C به همراه داکیومنت' title='بازی فکر بکر (Mastermind) به زبان C به همراه داکیومنت'><span class=mask_cat>سورس کد</span><div class=mask></div></div></div><h2 class='caption text-center'>بازی فکر بکر (Mastermind) به زبان C به همراه داکیومنت</h2></div></a></div></div><div class='col-xs-12 col-sm-4 col-md-2' style=padding:3px><div class='panel panel-thumbnail shadow transition'><a href=https://sourcesara.com/create-desktop-app-using-react-and-electron/ ><div class='panel-body thumbnail-post-custom'><div class=img><div class='view second-effect'><img class=lazy src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20280%20200'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/min_pic/create-desktop-app-using-react-and-electron_min_7527.jpg width=280 height=200 alt='آموزش ساخت برنامه دسکتاپ با React و Electron' title='آموزش ساخت برنامه دسکتاپ با React و Electron'><span class=mask_cat>سورس کد</span><div class=mask></div></div></div><h2 class='caption text-center'>آموزش ساخت برنامه دسکتاپ با React و Electron</h2></div></a></div></div><div class='col-xs-12 col-sm-4 col-md-2' style=padding:3px><div class='panel panel-thumbnail shadow transition'><a href=https://sourcesara.com/electron-calculator/ ><div class='panel-body thumbnail-post-custom'><div class=img><div class='view second-effect'><img class=lazy src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20280%20200'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/min_pic/electron-calculator_min_7513.jpg width=280 height=200 alt='سورس ماشین حساب با الکترون (Electron)' title='سورس ماشین حساب با الکترون (Electron)'><span class=mask_cat>سورس کد</span><div class=mask></div></div></div><h2 class='caption text-center'>سورس ماشین حساب با الکترون (Electron)</h2></div></a></div></div><div class='col-xs-12 col-sm-4 col-md-2' style=padding:3px><div class='panel panel-thumbnail shadow transition'><a href=https://sourcesara.com/c-sharp-messenger-application/ ><div class='panel-body thumbnail-post-custom'><div class=img><div class='view second-effect'><img class=lazy src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20280%20200'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/min_pic/c-sharp-messenger-application_min_7439.jpg width=280 height=200 alt='سورس نرم افزار پیام رسان به زبان سی شارپ' title='سورس نرم افزار پیام رسان به زبان سی شارپ'><span class=mask_cat>سورس کد</span><div class=mask></div></div></div><h2 class='caption text-center'>سورس نرم افزار پیام رسان به زبان سی شارپ</h2></div></a></div></div><div class='col-xs-12 col-sm-4 col-md-2' style=padding:3px><div class='panel panel-thumbnail shadow transition'><a href=https://sourcesara.com/cpp-draw-letters/ ><div class='panel-body thumbnail-post-custom'><div class=img><div class='view second-effect'><img class=lazy src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20280%20200'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/min_pic/cpp-draw-letters_min_4975.jpg width=280 height=200 alt='سورس رسم کلمه با استفاده از حروف آن کلمه به زبان C++' title='سورس رسم کلمه با استفاده از حروف آن کلمه به زبان C++'><span class=mask_cat>سورس کد</span><div class=mask></div></div></div><h2 class='caption text-center'>سورس رسم کلمه با استفاده از حروف آن کلمه به زبان C++</h2></div></a></div></div><div class='col-xs-12 col-sm-4 col-md-2' style=padding:3px><div class='panel panel-thumbnail shadow transition'><a href=https://sourcesara.com/online-store-source-with-android-studio/ ><div class='panel-body thumbnail-post-custom'><div class=img><div class='view second-effect'><img class=lazy src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20280%20200'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/min_pic/online-store-source-with-android-studio_min_1165.jpg width=280 height=200 alt='سورس فروشگاه آنلاین با اندروید استودیو (Android Studio) به همراه پنل مدیریت' title='سورس فروشگاه آنلاین با اندروید استودیو (Android Studio) به همراه پنل مدیریت'><span class=mask_cat>سورس کد</span><div class=mask></div></div></div><h2 class='caption text-center'>سورس فروشگاه آنلاین با اندروید استودیو (Android Studio) به همراه پنل مدیریت</h2></div></a></div></div><div class='col-xs-12 col-sm-4 col-md-2' style=padding:3px><div class='panel panel-thumbnail shadow transition'><a href=https://sourcesara.com/story-saver-from-instagram-with-android-studio/ ><div class='panel-body thumbnail-post-custom'><div class=img><div class='view second-effect'><img class=lazy src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20280%20200'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/min_pic/story-saver-instagram-android-studio_min_1113.jpg width=280 height=200 alt='سورس برنامه ذخیره استوری اینستاگرام با اندروید استودیو (Android Studio)' title='سورس برنامه ذخیره استوری اینستاگرام با اندروید استودیو (Android Studio)'><span class=mask_cat>سورس کد</span><div class=mask></div></div></div><h2 class='caption text-center'>سورس برنامه ذخیره استوری اینستاگرام با اندروید استودیو (Android Studio)</h2></div></a></div></div><div class='col-xs-12 col-sm-4 col-md-2' style=padding:3px><div class='panel panel-thumbnail shadow transition'><a href=https://sourcesara.com/tourist-attractions-source-with-android-studio/ ><div class='panel-body thumbnail-post-custom'><div class=img><div class='view second-effect'><img class=lazy src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20280%20200'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/min_pic/city-app-android_min_1096.jpg width=280 height=200 alt='سورس برنامه معرفی جاذبه های گردشگری با اندروید استودیو به همراه پنل مدیریت' title='سورس برنامه معرفی جاذبه های گردشگری با اندروید استودیو به همراه پنل مدیریت'><span class=mask_cat>سورس کد</span><div class=mask></div></div></div><h2 class='caption text-center'>سورس برنامه معرفی جاذبه های گردشگری با اندروید استودیو به همراه پنل مدیریت</h2></div></a></div></div></div></div></div></div></div><div class=row itemscope=itemscope itemtype=http://schema.org/WPSideBar><div class=col-md-12><meta itemprop="name" content="مطالب مرتبط با معرفی HTML – آموزش HTML"><meta itemprop="description" content="در این بخش لیستی از مطالب مربوط به معرفی HTML – آموزش HTML نمایش داده می شود"><div class="panel panel-advance"><div class=panel-body><div class=row><div class=col-md-4><div><div class=panel-heading> <i class='fa fa-book icon-sizes'></i><span class=panel-title>کتاب های مرتبط</span></div><div class=panel-body><div class="row padding-all-apply"><div class="col-md-12 padding-non margin-non"><div class="media thumbnail-post-related"><div class=media-right> <img class="media-object img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2017/12/html-learning-book-pdf_811-64x64.jpg alt="کتاب آموزش HTML به صورت PDF فارسی" title="کتاب آموزش HTML به صورت PDF فارسی" width=64 height=64></div><div class=media-body><p><a href=https://sourcesara.com/html-learning-book-pdf/ itemprop=url>کتاب آموزش HTML به صورت PDF فارسی</a></p></div></div></div><div class="col-md-12 padding-non margin-non"><div class="media thumbnail-post-related"><div class=media-right> <img class="media-object img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2018/05/html-and-xhtml-learning-book-pdf_883-64x64.jpg alt="کتاب آموزش HTML و XHTML به صورت PDF فارسی" title="کتاب آموزش HTML و XHTML به صورت PDF فارسی" width=64 height=64></div><div class=media-body><p><a href=https://sourcesara.com/html-and-xhtml-learning-book-pdf/ itemprop=url>کتاب آموزش HTML و XHTML به صورت PDF فارسی</a></p></div></div></div><div class="col-md-12 padding-non margin-non"><div class="media thumbnail-post-related"><div class=media-right> <img class="media-object img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2017/10/book-of-programming-3-c-sharp-pdf_221_1-64x64.jpg alt="کتاب برنامه سازی 3 سی شارپ هنرستان همراه با حل المسائل به صورت PDF" title="کتاب برنامه سازی 3 سی شارپ هنرستان همراه با حل المسائل به صورت PDF" width=64 height=64></div><div class=media-body><p><a href=https://sourcesara.com/book-of-programming-3-c-sharp-pdf/ itemprop=url>کتاب برنامه سازی 3 سی شارپ هنرستان همراه با حل المسائل به صورت PDF</a></p></div></div></div><div class="col-md-12 padding-non margin-non"><div class="media thumbnail-post-related"><div class=media-right> <img class="media-object img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2022/10/web-deployment-php-mysql-book_11634_1-64x64.png alt="کتاب توسعه دهنده صفحات وب با PHP و MySQL به صورت PDF" title="کتاب توسعه دهنده صفحات وب با PHP و MySQL به صورت PDF" width=64 height=64></div><div class=media-body><p><a href=https://sourcesara.com/web-deployment-with-php-and-mysql-book/ itemprop=url>کتاب توسعه دهنده صفحات وب با PHP و MySQL به صورت PDF</a></p></div></div></div></div></div></div></div><div class=col-md-4><div><div class=panel-heading> <i class='fa fa-tasks icon-sizes'></i><span class=panel-title>ابزار های مرتبط</span></div><div class=panel-body><div class="row padding-all-apply"><div class="col-md-12 padding-non margin-non"><div class="media thumbnail-post-related"><div class=media-right> <img class="media-object img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2018/05/r-and-r-studio-software_1316-64x64.jpg alt="نرم افزار آماری R و R Studio به همراه آموزش نصب در ویندوز" title="نرم افزار آماری R و R Studio به همراه آموزش نصب در ویندوز" width=64 height=64></div><div class=media-body><p><a href=https://sourcesara.com/r-and-r-studio-software/ itemprop=url>نرم افزار آماری R و R Studio به همراه آموزش نصب در ویندوز</a></p></div></div></div><div class="col-md-12 padding-non margin-non"><div class="media thumbnail-post-related"><div class=media-right> <img class="media-object img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2017/11/software-jetbrains-intellij-idea-for-language-java_321_1-64x64.jpg alt="نرم افزار JetBrains IntelliJ IDEA – نرم افزار برنامه نویسی به زبان جاوا" title="نرم افزار JetBrains IntelliJ IDEA – نرم افزار برنامه نویسی به زبان جاوا" width=64 height=64></div><div class=media-body><p><a href=https://sourcesara.com/software-jetbrains-intellij-idea-for-language-java/ itemprop=url>نرم افزار JetBrains IntelliJ IDEA – نرم افزار برنامه نویسی به زبان جاوا</a></p></div></div></div><div class="col-md-12 padding-non margin-non"><div class="media thumbnail-post-related"><div class=media-right> <img class="media-object img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2018/07/jetbrains-webstorm-software_2228-64x64.jpg alt="نرم افزار JetBrains WebStorm – طراحی سایت" title="نرم افزار JetBrains WebStorm – طراحی سایت" width=64 height=64></div><div class=media-body><p><a href=https://sourcesara.com/jetbrains-webstorm-software/ itemprop=url>نرم افزار JetBrains WebStorm – طراحی سایت</a></p></div></div></div><div class="col-md-12 padding-non margin-non"><div class="media thumbnail-post-related"><div class=media-right> <img class="media-object img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2017/10/software-PhpStorm-for-language-php_174_1-64x64.jpg alt="نرم افزار PhpStorm – نرم افزار کد نویسی به زبان PHP" title="نرم افزار PhpStorm – نرم افزار کد نویسی به زبان PHP" width=64 height=64></div><div class=media-body><p><a href=https://sourcesara.com/software-phpstorm-for-language-php/ itemprop=url>نرم افزار PhpStorm – نرم افزار کد نویسی به زبان PHP</a></p></div></div></div></div></div></div></div><div class=col-md-4><div><div class=panel-heading> <i class='fa fa-tasks icon-sizes'></i><span class=panel-title>مقاله های مرتبط</span></div><div class=panel-body><div class="row padding-all-apply"><div class="col-md-12 padding-non margin-non"><div class="media thumbnail-post-related"><div class=media-right> <img class="media-object img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2018/07/install-opengl-tutorial_2135-64x64.jpg alt="آموزش نصب OpenGL در (Visual Studio – Code::Blocks – DevCpp)" title="آموزش نصب OpenGL در (Visual Studio – Code::Blocks – DevCpp)" width=64 height=64></div><div class=media-body><p><a href=https://sourcesara.com/install-opengl-tutorial/ itemprop=url>آموزش نصب OpenGL در (Visual Studio – Code::Blocks – DevCpp)</a></p></div></div></div><div class="col-md-12 padding-non margin-non"><div class="media thumbnail-post-related"><div class=media-right> <img class="media-object img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2020/08/how-to-use-selenium-webdriver-in-csharp_9012-64x64.jpg alt="آموزش نصب و استفاده از کتابخانه Selenium.WebDriver در سی شارپ" title="آموزش نصب و استفاده از کتابخانه Selenium.WebDriver در سی شارپ" width=64 height=64></div><div class=media-body><p><a href=https://sourcesara.com/how-to-use-selenium-webdriver-in-csharp/ itemprop=url>آموزش نصب و استفاده از کتابخانه Selenium.WebDriver در سی شارپ</a></p></div></div></div><div class="col-md-12 padding-non margin-non"><div class="media thumbnail-post-related"><div class=media-right> <img class="media-object img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2018/07/convert-python-to-exe_2246-64x64.jpg alt="آموزش ساخت فایل exe در پایتون (Python)" title="آموزش ساخت فایل exe در پایتون (Python)" width=64 height=64></div><div class=media-body><p><a href=https://sourcesara.com/convert-python-to-exe/ itemprop=url>آموزش ساخت فایل exe در پایتون (Python)</a></p></div></div></div><div class="col-md-12 padding-non margin-non"><div class="media thumbnail-post-related"><div class=media-right> <img class="media-object img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/uploads/2018/12/create-and-deploy-a-telegram-bot_4876-64x64.jpg alt="آموزش ساخت ربات تلگرام کوتاه کننده لینک در سی شارپ" title="آموزش ساخت ربات تلگرام کوتاه کننده لینک در سی شارپ" width=64 height=64></div><div class=media-body><p><a href=https://sourcesara.com/how-to-create-and-deploy-a-telegram-bot/ itemprop=url>آموزش ساخت ربات تلگرام کوتاه کننده لینک در سی شارپ</a></p></div></div></div></div></div></div></div></div></div></div></div></div><div class=row><div class=col-md-12><div class="panel panel-advance"><div class=panel-heading> <i class="fa fa-edit icon-sizes"></i><span class=panel-title>ثبت نظر</span></div><div id=container-commentform class="panel-body text-center"><form id=commentform name=commentform class=form-horizontal action method=post><div id=comment-status ></div><div class=row><div class="col-md-6 padding-bottom-apply"><input type=text name=author id=author class=form-control placeholder=نام></div><div class="col-md-6 padding-bottom-apply"><input type=text name=email id=email class=form-control placeholder=ایمیل></div></div><div class=row><div class="col-md-12 padding-bottom-apply"><textarea class=form-control name=comment id=comment rows=5 placeholder="متن نظر"></textarea></div></div><div class="row margin-bottom-apply"><div class=col-md-10><div class="row recaptcha_space"><div id=captcha_form class="col-md-12 captcha_form "><img class=lazy src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2029'%3E%3C/svg%3E" data-src="/wp-content/themes/berlyan/plugins/recaptcha/create_captcha_image.php?_CAPTCHA&t=0.93984900+1747232556" alt="ریفریش کنید!" width=50 height=29><input name=code_captcha id=input_code_captcha placeholder><span id=recaptcha_refresh class="fa fa-refresh"></span></div></div></div><div class="col-md-2 text-left"> <button name=submit id=submit type=submit class="btn btn-sunny margin-top-apply">ثبـــت نـــظر</button></div></div> <input type=hidden name=comment_post_ID value=1693 id=comment_post_ID> <input type=hidden name=comment_parent id=comment_parent value=0></form></div></div></div></div><div class=row><div class=col-md-12><div class="panel panel-advance"><div class=panel-heading> <i class="fa fa-weixin icon-sizes"></i><span class=panel-title>نظرات کاربران (۱ مورد)</span></div><div class=panel-body><div class="row padding-all-apply"><div id=comments class="col-md-12 "><ol class=comment-list> <li class="comment byuser comment-author even thread-even depth-1" id=li-comment-1202><div itemscope=itemscope itemtype=http://schema.org/UserComments id=comment-1202 class=comment_container> <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/themes/berlyan/img/avatar.jpg class="avatar photo img-circle lazy" alt="تصویر آواتار کاربر 3964" title="آواتار کاربر 3964" width=40 height=40><div class="comment-text comment-parent"> <span class=meta> <i class="fa fa-user padding-left-apply"></i><span class=margin-left-apply itemprop=creator itemscope=itemscope itemtype=http://schema.org/Person>مهدی متقی</span> <i class="fa fa-calendar padding-left-apply"></i><span class=margin-rigth-apply itemprop=commentTime>شنبه , 5 شهریور</span> </span><div class=reply> <a rel=nofollow class=comment-reply-link href=#container-commentform data-commentID=1202 data-commentAuthor="مهدی متقی"><i class="fa fa-reply"></i> پاسخ دادن</a></div><div class=description><p itemprop=commentText>در حال حاضر منابع رایگان زیادی تو وب موجوده که با استفاده از اونا میشه برنامه نویسی رو در سطوح حرفه ای یاد گرفت.</p></div></div></div> </li></ol></div></div></div></div></div></div></div></div></section><footer class=footer-style itemscope=itemscope itemtype=http://schema.org/WPFooter><meta itemprop="name" content="پاورقی مربوط به صفحه سورس سرا – آموزش برنامه نویسی"><meta itemprop="description" content="در این قسمت نماد ها و دسترسی سریع به منو ها قرار دارد"><meta itemprop="keywords" content="درباره سایت سورس سرا – آموزش برنامه نویسی"><meta itemprop="copyrightYear" content="2025"><meta itemprop="copyrightHolder" content="سورس سرا – آموزش برنامه نویسی"><div class=footer-row1><div class=container><div class=row><div class="col-md-6 col-sm-6 col-xs-12 footer-row1-col1"> <span>۷ روز هفته، ۲۴ ساعته پاسخگوی شما هستیم</span></div><div class="col-md-3 col-sm-3 col-xs-6 footer-row1-col2"> <span>sourcesara.info@gmail.com</span> <i class="fa fa-envelope hidden-xs"></i></div><div class="col-md-3 col-sm-3 col-xs-6 footer-row1-col4"> <span>۰۹۱۹۴۷۵۱۲۹۵ - ۰۹۳۶۵۴۴۲۲۴۷</span> <i class="fa fa-phone hidden-xs"></i></div></div></div></div><div class=footer-row2><div class=container><div class=row><div class="col-md-2 col-md-push-3 col-sm-6"><div class=row><div class=col-md-12><p>:: دسترسی سریع</p></div></div><div class=row><div class=col-md-12><ul style="padding-right: 15px;"><li><a href=https://sourcesara.com target=_blank >صفحه نخست</a> </li><li><a href=https://sourcesara.com/forum target=_blank >انجمن برنامه نویسی</a> </li><li><a href=https://sourcesara.com/how-to-buy/ target=_blank >روش خرید</a> </li><li><a href=https://sourcesara.com/payment/ target=_blank >پرداخت وجه</a> </li><li><a href=https://sourcesara.com/about/ target=_blank >درباره ما</a> </li></ul></div></div></div><div class="col-md-3 col-md-push-3 col-sm-6"><div class=row><div class=col-md-12><p>:: آخرین پست های وبلاگ</p></div></div><div class=row><div class=col-md-12></div></div></div><div class="col-md-3 col-md-pull-5 col-sm-6"><ul class="list-inline text-right"> <li><a href=https://sourcesara.com/enamad target=_blank title="نماد اعتماد الکترونیکی"><img class="img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/themes/berlyan/img/enamad.png alt="نماد اعتماد الکترونیکی" width=100 height=100></a></li> <li><a href=https://sourcesara.com/enamad target=_blank title="نماد ساماندهی سایت ها"><img class="img-rounded lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3C/svg%3E" data-src=https://sourcesara.com/wp-content/themes/berlyan/img/samandehi.png alt="نماد ساماندهی سایت ها" width=100 height=100></a></li></ul></div><div class="col-md-4 col-sm-6"><div class=row><div class="col-md-12 subscribe"><p class=subscribe-title>از تخفیف ها و جدیدترین دوره ها با خبر شوید!</p><form class=form-horizontal action=https://feedburner.google.com/fb/a/mailverify method=post target=popupwindow onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div class="form-group input-group"> <input class=form-control id=email_feed name=email_feed placeholder="آدرس ایمیل خود را وارد کنید" type=email><div class=input-group-btn> <button type=submit class="btn btn-sunny">تائید ایمیل</button></div></div></form></div></div><div class="row footer-social"><div class=col-md-12><ul class="list-inline text-center social-icons"> <li class=googleplus><a href=https://plus.google.com/105182910130762957644 target=_blank title="Google plus" rel=nofollow></a></li> <li class=youtube><a href=https://www.youtube.com/channel/UCkXVoJ7zIUa8iGfBV6uvHkg target=_blank title=Youtube rel=nofollow></a></li> <li class=facebook><a href=http://www.facebook.com/sourcesara target=_blank title=Facebook rel=nofollow></a></li> <li class=twitter><a href=https://twitter.com/SourceSara_com target=_blank title=Twitter rel=nofollow></a></li> <li class=instagram><a href=https://www.instagram.com/sourcesara_com target=_blank title=Instagram rel=nofollow></a></li> <li class=linkedin><a href=https://www.linkedin.com/company/sourcesara target=_blank title=Linkedin rel=nofollow></a></li> <li class=telegram><a href=https://t.me/sourcesara target=_blank title=Telegram rel=nofollow></a></li></ul></div></div></div></div></div></div><div class=footer-row3><div class=container><div class=row><div class=col-md-6> <span class=pull-right>کلیه حقوق برای تیم سورس سرا محفوظ می باشد و کپی برداری از مطالب فقط با ذکر نام منبع مجاز است.</span></div><div class=col-md-6> <span class=pull-left>طراحی شده توسط تیم سورس سرا</span></div></div></div></div></footer> <script>["keydown","touchmove","touchstart","mouseover"].forEach(function(eventType){window.addEventListener(eventType,function(){if(!window.isChatAdded){window.isChatAdded=true;var chatId="e3567be83ffd15a9fd5bf2619aa99482";var chatAddress="https://www.serverchat.ir/livezilla/script.php?id=e3567be83ffd15a9fd5bf2619aa99482";var scriptElement=document.createElement("script");scriptElement.type="text/javascript";scriptElement.async=true;scriptElement.id=chatId;scriptElement.src=chatAddress;document.getElementsByTagName("head")[0].appendChild(scriptElement);}});});</script> <script type=speculationrules>{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/berlyan\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}</script> <script id=wp-postratings-js-extra>var ratingsL10n={"plugin_url":"https:\/\/sourcesara.com\/wp-content\/plugins\/wp-postratings","ajax_url":"https:\/\/sourcesara.com\/wp-admin\/admin-ajax.php","text_wait":"Please rate only 1 item at a time.","image":"stars_crystal","image_ext":"gif","max":"5","show_loading":"1","show_fading":"1","custom":"0"};var ratings_mouseover_image=new Image();ratings_mouseover_image.src="https://sourcesara.com/wp-content/plugins/wp-postratings/images/stars_crystal/rating_over.gif";;</script> <script src=https://sourcesara.com/wp-content/cache/minify/a038e.js></script> <script id=main.min.js-js-extra>var data_post={"ajax_url":"https:\/\/sourcesara.com\/wp-admin\/admin-ajax.php","panel_url":"https:\/\/sourcesara.com\/panel","home_url":"https:\/\/sourcesara.com","Express_Post_title":"\u067e\u0633\u062a \u067e\u064a\u0634\u062a\u0627\u0632 (\u0627\u0631\u0633\u0627\u0644 3 \u0631\u0648\u0632 \u06a9\u0627\u0631\u06cc - 20,000 \u062a\u0648\u0645\u0627\u0646)","Express_Post_price":"20000","Peak_Motor_Post_title":"","Peak_Motor_Post_price":"","codegooglesearch":"010476043886878132626:wz9exdy_uhq","payment_url":"https:\/\/sourcesara.com\/payment"};</script> <script src=https://sourcesara.com/wp-content/cache/minify/39d0f.js></script> <script>window.w3tc_lazyload=1,window.lazyLoadOptions={elements_selector:".lazy",callback_loaded:function(t){var e;try{e=new CustomEvent("w3tc_lazyload_loaded",{detail:{e:t}})}catch(a){(e=document.createEvent("CustomEvent")).initCustomEvent("w3tc_lazyload_loaded",!1,!1,{e:t})}window.dispatchEvent(e)}}</script><script async src=https://sourcesara.com/wp-content/cache/minify/1615d.js></script> </body></html>