مبانی HTML برای مبتدیان مبانی HTML برای مبتدیان HTML را از ابتدا به صورت آنلاین یاد بگیرید
V دنیای مدرنگاهی اوقات داشتن وب سایت خود به اندازه داشتن شماره تلفن یا آدرس مهم است پست الکترونیک. متأسفانه، همه نمی توانند به تنهایی یک وب سایت حرفه ای زیبا بسازند، و گاهی اوقات حتی یک منحنی کار نمی کند. سفارش از برنامه نویسان نیز راه حل ایده آلی نیست، زیرا همه نمی توانند آن را بپردازند.
کمک کنید تا از این وضعیت خلاص شوید html رایگانقالب های وب سایت ها قالب سایت HTML مجموعه ای از قالب های آماده است صفحات استاتیکبرای یک سایت خاص با استفاده از این الگو می توانید یک وب سایت ساده با دانش اولیه نشانه گذاری HTML در تنها چند ساعت ایجاد کنید. در بخش HTML، اگر یکی دو ساعت بیشتر به مطالعه اختصاص دهید، این دانش را به دست خواهید آورد و اگر در قسمت CSS وقت صرف نکنید، می توانید طراحی قالب های سایت HTML را کاملاً کنترل کرده و آنها را به طور کامل شخصی سازی کنید. به نیازهای شما
یکی دیگر از مزیت های انکارناپذیر قالب های وب سایت این است که در بیشتر موارد توسط افراد حرفه ای نوشته می شوند. قالب سایت حرفه ای به معنای نه تنها زیبا و طراحی مدرن، بلکه همانطور که کد نوشته شده است. موتورهای جستجو به نحوه نگارش سایت شما نگاه می کنند، اینکه آیا کد بهینه شده سئو شده است یا خیر، و بر این اساس موقعیت شما را در نتایج جستجو کاهش یا افزایش می دهند. بنابراین یک سایت خوب نه تنها باید زیبا و مدرن باشد که مهم است، بلکه از نظر کدنویسی نیز باید خوش خط باشد.
دانلود رایگان قالب های HTMLسایت و پروژه های خود را در کمترین زمان ممکن ایجاد کنید.
عنوان کامل - زبان نشانه گذاری فرا متنی. این یک زبان نشانه گذاری فرامتن است که به طور گسترده در ساخت صفحات وب و اسناد استفاده می شود. سفر HTML در نیمه اول شروع شد دهه 90. در آن زمان او بسیار بدوی بود، اما قبلاً به ساختن کمک کرده بود صفحات سادهبرای وب از آن زمان، این زبان به طور مداوم در حال تکامل بوده است و امروزه چیزهای زیادی آموخته است. بدون HTML، روشی که ما به آن عادت کرده ایم، وب سایت ها به سادگی وجود نداشتند. تقریباً همه وب سایت ها تا حدی از HTML استفاده می کنند.
استاندارد فعلی امروز است HTML5، که به طور رسمی در سال 2014 منتشر شد. این یک استاندارد انقلابی است که اجازه می دهد زبان به سطح جدیدی برسد.
نوآوری در HTML5:
الگوریتم تجزیه در طول توسعه ساختار DOM تغییر کرده است.
برچسب های جدیدی مانند صدا، ویدئو و موارد دیگر ظاهر شد. به هر حال، اکنون می توانید یک پخش کننده وب فقط با استفاده از HTML ایجاد کنید. قبلا مجبور به استفاده از Adobe Flashبازیکن؛
بازتعریف بخشی از قوانین و معناشناسی استفاده از عناصر HTML.
با نگاهی جهانی، HTML5 بیش از این شده است نسخه بعدیزبان، اما یک پلت فرم کامل برای توسعه برنامه. قبلاً قابلیت های آن به ساختن سازه محدود می شد، امروزه بسیار هوشمندتر شده است. با انتشار استاندارد، دامنه زبان بسیار گسترش یافته است. علاوه بر جهت سنتی توسعه وب، از آن برای ایجاد استفاده می شود برنامه های کامپیوتریدر ویندوز 8 و جدیدتر، و همچنین برای توسعه برنامه های کاربردی برای تلفن های هوشمند در همه پلت فرم های محبوب.
همه چیز به این واقعیت رسید که HTML5 شروع به استفاده در دو حوزه کلیدی کرد:
به عنوان یک نسخه به روز شده از زبان HTML؛
به عنوان یک پلتفرم کاربردی که می توانید بر روی آن برنامه های کاربردی وب با پیچیدگی های مختلف بسازید. درست است، ایجاد کنید برنامه کاملدر HTML5 خالص کار نخواهد کرد، جاوا اسکریپت و CSS3 هنوز برای این مورد استفاده می شوند.
چه کسی HTML5 را مدرن می کند؟ این زبان با W3C یا نام کامل کار می شود - کنسرسیوم وب جهانییک سازمان بین المللی است که استقلال خود را از توسعه دهندگان خاص حفظ می کند. همچنین مشخصات، تعاریف و استانداردهایی را برای HTML5 تولید می کند. مشخصات اصلی و کامل در وب سایت رسمی در لینک ( به زبان انگلیسی موجود است). این سازمان کار روی زبان را کامل نکرده است، برعکس، هنوز در حال توسعه آن است.
پشتیبانی مرورگر
درک این نکته مهم است که مشخصات HTML5 و پیاده سازی این فناوری در مرورگرهای خاص مفاهیم متفاوتی هستند. بسیاری از مرورگرهای وب در حال توسعه فعال به آرامی شروع به پیاده سازی ویژگی های HTML5 حتی قبل از انتشار این نسخه کردند. امروزه، اکثر مرورگرهای جدید از تمام ویژگی های HTML5 پشتیبانی می کنند. پشتیبانی کامل توسط: کروم، IE 11، فایرفاکس، اج، اپرا. نسخه‌های نسبتا قدیمی‌تر از استانداردهای جدیدتر مانند IE 8 و پایین‌تر پشتیبانی نمی‌کنند. در نسخه IE9و 10
استانداردها قبلاً اجرا شده اند، اما فقط به طور جزئی.
اغلب مرورگرها ممکن است به طور کلی با استاندارد جدید کار کنند، اما ویژگی‌ها را متفاوت مدیریت می‌کنند یا به سادگی خطا می‌کنند. بنابراین، هنگام توسعه مرورگر متقابل، باید تمام ویژگی های مرورگرها را در نظر بگیرید. به لحظه حالپشتیبانی استاندارد از مرورگرهای وب در حال حاضر در سطح خوبی است.
برای اطمینان از اینکه نسخه فعلی مرورگر از HTML5 پشتیبانی می کند، می توانید کمی تست کنید.
برای کار به چه چیزی نیاز دارید؟
چه چیزی در طول توسعه تحت HTML5 مفید است؟ ابزار کلیدی یک ویرایشگر متن است که در آن کد صفحه وب آینده تایپ می شود. یکی از محبوب ترین و همه کاره ترین ویرایشگرها Notepad++ است. در وب سایت رسمی کاملا رایگان در دسترس است. علاوه بر توزیع رایگان، تمام عملکردهای لازم را نیز دارد، پلاگین های مفید زیادی دارد، باز و بسته شدن برچسب ها را برجسته می کند.
همچنین یک ویرایشگر خوببا حمایت اکثریت سیستم های عاملکد ویژوال استودیو است. قابلیت اجرا بر روی MacOS، Windows و Linux را دارد. با توجه به امکانات این نرم افزارنسبت به Notepad++ تا حدودی برتر است.
دومین ابزار مهم مرورگر وب است که برای تست کد مفید است. هر مرورگری از یک توسعه دهنده معروف این کار را انجام می دهد. اگر نیاز به ایجاد یک برنامه چند پلتفرمی دارید، باید تمام مرورگرهای وب محبوب را روی سیستم نصب کنید.
آیا می خواهید وب سایت خود را در اینترنت ایجاد کنید؟ - خیلی خوب! HTMLدروس به شما در این امر کمک می کند.
زبان نشانه گذاری HyperText یا به اختصار HTML- زبان نشانه گذاری فرامتن اسناد، محصول کنسرسیوم W3C - زیربنای تقریباً تمام صفحات وب موجود است که آن را در رتبه اول در سلسله مراتب ابزارهای ایجاد سایت ها قرار می دهد. توجه ویژه ای به مطالعه دروس این بخش شود.
دروس HTMLاینها آموزش هایی در مورد نحوه ایجاد صفحات وب هستند.
دروس HTML- اولین قدم برای تسلط بر توسعه سایت های اینترنتی.
دروس HTMLو درس طراحی وب مفاهیم کاملا متفاوتی هستند.
جدید، مدرن درس های HTMLبه صورت ویژه طراحی شده برای مبتدی ها.
نحو HTMLبسیار ساده و قابل درک است، اما این بدان معنا نیست که روند یادگیری به آرامی و بدون خطا پیش می رود. نیازی به ترس از آنها نیست - آنها اجتناب ناپذیر هستند. با مرتکب اشتباه، اطلاعاتی در مورد نحوه عمل نکردن در آینده به دست می آورید، این اطلاعات ارزش کمی تلاش، زمان را دارد و بنابراین به ویژه ارزشمند است. به این ترتیب دانش و تجربه انباشته می شود.
همانطور که اولین صفحات خود را ایجاد می کنید، از این فکر لذت خواهید برد که در حال کشف دنیایی هستید که قبلاً نمی دانستید و شاید حتی از وجود آن اطلاعی نداشتید - دنیایی از امکانات دیگر - دنیای وب.
مراقب باش! ممکن است به یک فعالیت جدید معتاد شوید.
دروس جدید HTML | نمونه کد HTML
عناصر آن را در نظر بگیرید:
برچسب هایی که ابتدا و انتهای یک سند را مشخص می کنند.
بخش خدمات در اینجا دستوراتی برای مرورگرها، دستورالعمل‌های مربوط به روبات‌های جستجوگر، پیوندهایی به فایل‌های راه دور، اسکریپت‌ها وجود دارد.
برچسب هایی که عنوان اصلی سند را مشخص می کنند.
این بخش شامل کل قسمت قابل مشاهده صفحه وب است.
در مرورگر Hello World را خواهیم دید! :
برای مطالعه HTMLدفترچه یادداشت مورد نیاز است. در آن به صورت دستی کد را تایپ می کنیم. شاید این همه ... درگیر تفسیر کد است نرم افزاربرای وبگردی، یعنی اینترنت اکسپلورر، فایرفاکس، اپرا، کروم و سایر مرورگرها.
در درس ها این دورهارائه خواهد شد HTML 5، گنجاندن XHTML و CSS. این ترکیب برای یادگیری بهینه است و به شما امکان می دهد توسعه مطالب را به میزان قابل توجهی تسریع کنید.
در حال حاضر، مشخصات در حال حاضر در وب سایت رسمی کنسرسیوم W3C موجود است HTML 5. توسعه نسخه پنجم در سال 2007 آغاز شد، بر اساس آن XMLو در واقع با عناصر و صفات جدید تکمیل می شود، XHTML-خوردن نسخه پنجم HTMLعملکرد بیشتری را ارائه می دهد و فرآیند ایجاد سایت های تعاملی و برنامه های کاربردی وب را ساده می کند. بعلاوه، HTML 5حاوی عناصر اضافی است که قرار دادن محتوای چند رسانه ای را در داخل صفحه وب فراهم می کند.
جدید HTMLهنوز وضعیت یک توصیه را دریافت نکرده است و برچسب های آن در این مرحله فقط توسط برخی از مرورگرها شناسایی می شود. اما با وجود این، امروز دروس HTML 5 در دسترس هستند.
پست اسکریپتوم: اینترنت متشکل از تعداد بی نهایت صفحه است که توسط ابرپیوندها از طریق "پروتکل انتقال ابرمتن" - پروتکل انتقال ابرمتن یا به اختصار HTTP - پروتکلی برای انتقال داده ها در قالب اسناد فرامتن به هم مرتبط شده اند. چیست HTML? HTML - زبان نشانه گذاری فرا متنییا اسناد زبان نشانه گذاری فرامتنی.
این مقاله ادعایی ندارد راهنمای جامعدر زبان نشانه گذاری اسناد HTML. اصول HTML را شرح می دهد - اصول اساسی، مفاهیم و تعاریف این فناوری که با تسلط بر آن ها می توانید به راحتی در یادگیری کد نویسی HTML حرکت کنید.
سرد
آن را سنجاق کنید
برای مطالعه درس آرشیو را با فایل های لازم دانلود کنید.
HTMLیک زبان نشانه گذاری است اسناد. تلفظ صحیح - HTMEL.
آیا تا به حال در ویرایشگر اسناد Word یا مشابه کار کرده اید برنامه های اداری? احتمالاً این را می دانید این گونهویرایشگر دارای ویژگی های غنی برای ویرایش متن، چیدمان عناصر، درج تصاویر و غیره است.
می‌پرسید چرا در مقاله‌ای درباره HTML در مورد واژه‌پردازها بنویسید؟ اما چرا. اگر بفهمید ویرایشگر آفیس چیست؟ این نرم افزار برای ویرایش و نمایش اسناد می باشد.
کلمه کلیدی اینجاست سند. یعنی یک سند را در برنامه ای ایجاد می کنیم، ویرایش می کنیم و مشاهده می کنیم این مورد- در سردبیر دفتر اگر چنین سندی را در یک ویرایشگر متن ساده مانند Notepad باز کنیم، نمادها و کاراکترهای عجیب و غریب زیادی خواهیم دید. این آشفتگی نمادها برای بشر غیرقابل درک است، اما برای رایانه ها قابل درک است. به لطف این زبان درونی، سند ورددر خود ویرایشگر ساختار و ظاهر خاصی به خود می گیرد و سند با شکوه تمام با متن و تصاویر فرمت شده در جای خود در برابر ما ظاهر می شود.
HTMLیک زبان نشانه گذاری است برای مرورگر. Word "اینجا مرورگر است و سند صفحه HTML است. این اساس است فناوری های HTMLکه درک آن برای اشتباه نگرفتن زبان نشانه گذاری اسناد وب با زبان های برنامه نویسی ضروری است. نام برای خودش صحبت می کند با استفاده از HTMLما علامت گذاری کنید، جایی که عنصر، تصویر یا متن در صفحه نشان داده می شود و به چه ترتیبی در کنار یکدیگر ظاهر می شوند.
بله، تایپ ساده و قالب بندی متن در اپلیکیشن های آفیس هیچ ربطی به برنامه نویسی ندارد. اما خواننده ناظر متوجه خواهد شد جزئیات مهم- در یک واژه پرداز متن و تصاویر را با استفاده از دکمه ها و منوهای تصویری تایپ، ویرایش و قالب بندی می کنیم، اما چرا کد HTML با دست نوشته می شود؟ چرا بسیاری از جزئیات فنی نوشتن نشانه گذاری برای یک سند را مطالعه کنید؟
در واقع، ویرایشگرهای زیادی وجود دارند که می‌توانید با استفاده از آنها صفحات HTML را با قیاس با Word ایجاد و ویرایش کنید. یعنی کد HTML منبع برای ما مخفی است و ما به آن صعود نمی کنیم.
WYSIWYGسردبیران - دبلیوکلاه Yشما اس ee منس دبلیوکلاه Yشما جی et. یعنی اگر به روسی ترجمه شود: آنچه می بینیم همان چیزی است که به دست می آوریم.
من آنها را "ووز" می نامم. اگرچه این از نظر آوایی صحیح نیست، اما به وضوح نشان دهنده بیهودگی این اختراع است. مبتدیان اغلب از چنین ویرایشگرهایی برای ایجاد اولین سایت های خود استفاده می کنند. البته، این راحت است - شما نیازی به بررسی برچسب ها، سبک های طراحی و سایر موارد ناخوشایند و پیچیده در نگاه اول ندارید. خود ویرایشگر به طور خودکار اقدامات ما را به کد HTML تبدیل می کند.
اما همانطور که می گویند هیچ اتفاقی نمی افتد. به طور خاص، این رویکرد دارای اشکالات بسیار جدی است. چه چیزی باعث می شود همه افراد پشت سر هم نتوانند از ویرایشگرهای بصری برای طراحی صفحات HTML استفاده کنند؟ واقعیت این است که صفحاتی که به این روش شکل می‌گیرند معمولاً کدهای اضافی زیادی دارند، از نظر معنایی خطاهای زیادی دارند. در حال حاضر، البته، هیچ مشکلی وجود ندارد اینترنت پرسرعتاتصال و تفاوت اندازه صفحه 400 کیلوبایت و 100 کیلوبایت از نظر سرعت قابل توجه نیست، اما یک کد HTML بهینه و درست نوشته شده بسیاری از مشکلات را برطرف می کند و مزایای زیادی را به همراه دارد، از جمله:
کد HTML مناسب تأثیر مثبتی بر روی دارد بهینه سازی موتور جستجو، سرعت خزیدن یک سایت توسط ربات جستجوگر. کیلوبایت کد تولید شده در اینجا قابل قبول و حتی مضر نیستند.
کد HTML تولید شده توسط ویرایشگر WYSIWYG دارای خطاهای معنایی زیادی است. یعنی تگ های تولید شده توسط چنین ویرایشگری برای مقاصد دیگر استفاده می شود، جایی که لازم است از لیست ها استفاده شود.
، ویرایشگر تگ دیگری ایجاد می کند که ما به آن نیاز نداریم. البته این به ویرایشگر بستگی دارد، اما در اینجا منظور ما راه حل های پیچیده برای ایجاد سایت است و نه ویرایش ساده متن در یک منطقه متن با استفاده از ابزار WYSIWYG.
تعداد زیادی برچسب غیر ضروری ایجاد می شود و ساختار سند متورم می شود. فرض کنید یک عنصر را در چنین برنامه‌ای ابتدا به سمت راست، سپس به چپ و سپس به مرکز منتقل می‌کنید - هر عمل ردی در کد HTML منبع باقی می‌گذارد. ویرایشگر یک برنامه است و نمی تواند بداند که در نتیجه دقیقاً چه چیزی می خواهید دریافت کنید، او هزاران کد را با در نظر گرفتن همه موارد تولید می کند. گزینه هارفتار سند در مرورگر
به عنوان یک قاعده، ویرایشگرهای طراحی بصری کد HTML به سرعت منسوخ می شوند. و به دلیل عدم علاقه از طرف متخصصان، آنها به طور کلی حمایت خود را از دست می دهند و در توسعه متوقف می شوند. و HTML در حال تکامل است. همه چیز توسعه می یابد، به جز vuzivugi. بر این اساس، آنها نمی توانند کد صحیح و به روزی را تولید کنند که شامل ویژگی ها و راه حل های جدید باشد.
حمایت و توسعه چنین پروژه هایی عذاب آسمانی است. در مورد استفاده از الگوها و استفاده مجددهیچ کد گفتاری نمی تواند وجود داشته باشد.
بنابراین، ما HTML را فقط با قلم می نویسیم. ابزارهای کافی برای ویرایش بصری HTML هنوز اختراع نشده اند و بعید است که ظاهر شوند. یادگیری و درک زبان نشانه گذاری HTML آسان است و ابزارهای اتوماسیون زیادی برای نوشتن کدهای HTML وجود دارد، اما در درس های دیگر بیشتر در مورد آن توضیح داده شده است.
استادان جوان HTML پس از کمی سر و کله زدن با ویرایشگر WYSIWYG، این کار بیهوده را رها کرده و ادامه می دهند.
ساختار سند HTML
توصیه می کنم برای کلاس ها ویرایشگر Sublime Text را دانلود و نصب کنید. اگر نمی خواهید روح خود را در مراحل اولیه یادگیری HTML بشکنید، اکیداً استفاده از Notepad تعبیه شده در ویندوز را برای طرح بندی HTML توصیه نمی کنم.
ما تصمیم گرفتیم که کد سند HTML را به صورت دستی بنویسیم، یعنی حروفچینی. طرح بندی HTML- روند ایجاد HTMLسند در مردم عادی و محافل آگاه - فقط طرح. هر سندی دارای ساختار و قوانین ساخت و ساز خاصی است. کد از چه عناصری تشکیل شده است، ساختار HTML چیست؟
بیایید یک الگوی اولیه در رایانه ایجاد کنیم - فایل index.html، آن را با یک ویرایشگر باز کنید و کد زیر را در آن قرار دهید:
سرتیتر
بدنه سند
توجه داشته باشید که اسناد HTML دارای پسوند هستند .html.
بنابراین، به ترتیب از مثال.
- نوع سند (doctype)
این ساختار همیشه در ابتدای سند نشان داده می شود تا مرورگر به درستی "درک" را داشته باشد نسخه HTMLهنگام ساخت یک سند استفاده می شود.
با توجه به این واقعیت که HTML به طور مداوم در حال تکامل است، مانند هر محصول نرم افزاری چندین نسخه دارد. نسخه فعلی HTML - پنجم و در مثال آورده شده است doctypeبه روز.
اصولاً پرداختن به مطالعه انواع اسناد فایده ای ندارد، زیرا با انتشار HTML5 این طراحی به استاندارد تبدیل شده است. فقط کافی است هر بار که طرح بندی سایت را شروع می کنید، آن را در ابتدای سند قرار دهید.
- ابتدای سند
اولین برچسبی که بعد از doctype می بینیم این است .
تگ HTML- واحد ساختاری نشانه گذاری یک سند HTML. کد HTML از بلوک های ساختمانی به نام تگ تشکیل شده است. هر تگ عملکرد خاص خود را دارد و مطالعه زبان نشانه گذاری HTML در نهایت دقیقاً مطالعه برچسب ها و ویژگی های آنها در سند است.
من می خواهم توجه داشته باشم که یادگیری HTML آنقدرها که در نگاه اول به نظر می رسد کار دشواری نیست. یادگیری برچسب‌های مورد استفاده در نشانه‌گذاری سند، بار زیادی بر مغز نیست.
بنابراین، نشانه گذاری سند با برچسب شروع می شود و با یک تگ پایانی به پایان می رسد. هر تگ که حاوی تگ ها یا عناصر دیگر است باید بسته شود برچسب بسته شدن. برای مثال، , ,
، و غیره.
برچسب بزنید مورد نیاز است زیرا شامل کل ساختار سند است و بقیه عناصر را در بر می گیرد.
برچسب بزنید
بعد، ما می بینیم برچسب زدن
، که حاوی عناصر دیگری است که هنوز برای ما روشن نیست. حاوی عناصر دیگری است - به این معنی که عناصر یا برچسب ها بین تگ های باز و بسته کننده ساختار قرار دارند:
<тег>محتوا یا برچسب های دیگر
برچسب بزنید
برای ذخیره متا اطلاعات یک سند HTML طراحی شده است، یعنی اطلاعاتی که در خود سند نمایش داده نمی شوند، اما مهم هستند و تا حد زیادی تعیین کننده نحوه ظاهر و رفتار سند هستند. این برچسب در سند مورد نیاز است.
برچسب بزنید - عنوان سند</h4>
<title>سرتیتر
سرتیتر
هست یک <b>برچسب مورد نیاز</b> A که حاوی متا اطلاعات متنی است که در عنوان مرورگر یا برگه نمایش داده می شود. برچسب بزنید <title>باید در تگ باشد <head>. همچنین از محتوای این تگ استفاده شده است <a href="https://obanracer.ru/fa/pozdravleniya-s-dnem-rozhdeniya-den-rozhdeniya-poiskovoi-sistemy-google.html">موتورهای جستجو</a>برای نمایش سند در نتایج جستجو</p>
<h4>متا تگ <meta charset="UTF-8" ></h4>
<meta charset="UTF-8" >
<p><b>متا تگ</b>- یک برچسب تخصصی طراحی شده برای ارائه داده های ساختار یافته در مورد یک صفحه. متا تگ ها بیشتر در یک تگ استفاده می شوند <head>. متا تگ ها در ساختار اختیاری هستند <b>HTML</b>سند</p>
<h4>فاویکون (فاویکون)</h4>
<link rel="icon" href="favicon.ico" >
<p>فایلی با تصویر فاویکون به سند پیوست می کند. <b>فاویکون (فاویکون)</b>- یک نماد مینیاتوری که در کنار نام سند در برگه مرورگر نمایش داده می شود. فاویکون یک فایل گرافیکی 16×16 (یا 32×32) پیکسل است که می تواند در فرمت های مختلفی مانند png، jpg، ico، gif باشد. فرمت ico به طور سنتی استفاده می شود. فاویکون های متحرک فایل های گیف حاوی انیمیشن هستند. شما می توانید یک فاویکون متحرک، به عنوان مثال، در VKontakte زمانی که یک پیام جدید می رسد تماشا کنید.</p>
<h4>سبک های سند CSS</h4>
<link rel="stylesheet" href="style.css">
<p>یک فایل سبک HTML را به یک سند CSS پیوست می کند.</p>
<p><b>css</b> - <i>آبشاری</i>سبک سازی سند HTML هر تگ که در تگ است <body>، مجموعه ای از ویژگی ها وجود دارد، مانند - رنگ، عرض، ارتفاع، موقعیت نسبت به عناصر دیگر. همه این ویژگی ها سبک های CSS هستند که می توان آنها را در نظر گرفت <a href="https://obanracer.ru/fa/obnovlenie-faila-s-pomoshchyu-palitry-vneshnie-ssylki-sistema-avtomatizirovannogo-proektirovaniya-autoca.html">فایل خارجی</a>. طرح <link>فایل های خارجی از جمله سبک های CSS را به سند HTML متصل می کند.</p>
<p>توجه: دارایی <b>href</b>طرح ها <link >محل فایل خارجی را مشخص می کند. در مثال ما، فایل <i>style.css</i>و <i>favicon.ico</i>، در همان پوشه فایل قرار دارند <i>index.html</i>. <link>برچسب بسته شدن ندارد.</p>
<h4>برچسب بزنید <script></h4>
<script src="script.js" type="text/javascript"></script>
<p>برچسب بزنید<script> содержит код или ссылку на файл <b>javaScript
</b> и чаще всего используется внутри тега <head>, хотя инструмент оптимизации скорости загрузки страниц от Google, рекомендует данный тег использовать в конце документа, перед закрывающим тегом </body>.</p>
<p>В нашем примере подключается внешний файл <i>script.js
</i>, который находится в той-же папке, что и основной файл index.html.</p>
<p>Итак, друзья, мы рассмотрели основные элементы, которые используются в теге <head> чаще всего. Кроме этих элементов, для <head> есть ряд других, более специфичных и не обязательных.</p>
<h4>Тело aka body</h4>
<body>
<p>Вот здесь то и начинается все самое интересное и визуально осязаемое в HTML верстке документа.</p>
<p>Перейдем, непосредственно, к верстке видимой части страницы. Все, что мы пишем и верстаем внутри тега <body> будет отображено в браузере. Откроем наш файл <b><i>index.html
</i>
</b> в браузере для того, чтобы наглядно видеть, что мы делаем в редакторе.</p>
<p>Тег <body> может содержать любые <a href="https://obanracer.ru/fa/search-console-google-ne-rabotaet-bolshaya-instrukciya-po-nastroike-i.html">HTML теги</a>, необходимые для оформления документа и обеспечения его функционала (формы). Приведу таблицу наиболее используемых тегов и вкратце опишу каждый. Вы можете сразу выполнять приведенные примеры в редакторе.</p>
<table><tr><td><h4>Тег</h4>
</td>
<td><h4>Описание</h4>
</td>
</tr><tr><td>
<a>
</td>
<td>
Тег для создания ссылок в документе.<br> Пример:
текст ссылки
Атрибут <b>href
</b> указывает документ, на который будет вести данная ссылка.
</td>
</tr><tr><td>
<em>,
<strong>
</td>
<td>
Делает текст <i>курсивом
</i>или <b>жирным
</b> (акцентируемым).<br> Пример:
<em>текст курсивом</em>
<strong>жирный (акцентируемый) текст</strong>
</td>
</tr><tr><td>
<h1>,
<h2>,
<h3>,
<h4>,
<h5>,
<h6>
</td>
<td>
Заголовки документа. Всего существует 6 уровней заголовков, но на практике используются только от h1 до h4. В документе должен быть только один заголовок, выделенный тегом h1, как главный заголовок документа.<br> Примеры:
<h1>Заголовок первого уровня</h1>
<h2>Заголовок второго уровня</h2>
<h3>Заголовок третьего уровня</h3>
... и т. д.
</td>
</tr><tr><td>
<ol>,
<ul>
</td>
<td>
Списки документа. Представляют собой нумерованный или маркированный список. Элементом такого списка является тег <li><br> Примеры:
<ul>
<li>Элемент <a href="https://obanracer.ru/fa/kakie-tegi-sozdayut-abzac-v-dokumente-html-abzac-i-krasnaya-stroka-kak-i-teg.html">маркированного списка</a> 1</li>
<li>Элемент маркированного списка 2</li>
</ul>
<ol>
<li>Элемент нумерованного списка 1</li>
<li>Элемент нумерованного списка 2</li>
</ol>
</td>
</tr><tr><td>
<p>
</td>
<td>
Абзац. Данный тег определяет абзац текста, отбитый от остальных абзацев. Закрывать данный тег очень желательно.<br>Пример:
<p><a href="https://obanracer.ru/fa/smartfon-huavei-p9-lait-vorchlivyi-obzor-vneshnii-vid-i-udobstvo-ispolzovaniya.html">Внешний вид</a> HTML разметки во многом
определяется CSS стилями.</p>
<p>Тем не менее, некоторые веб-мастера
предпочитают не использовать стили на первых
этапах проекта.</p>
</td>
</tr><tr><td>
<img>
</td>
<td>
Картинка. С помощью данного тега в HTML разметку можно вставить картинку. Обязательно указывайте у всех изображений альтернативный текст - атрибут "alt". Данный тег "самозакрывающийся".<br>Пример:
<img src='https://i1.wp.com/путь_до_картинки.jpg' loading=lazy loading=lazy>
</td>
</tr><tr><td>
<form>
+ <input>
+ <textarea>
</td>
<td>
Формы и элементы ввода.<br> Формы предназначены для ввода информации в систему на сервере. Этакая <a href="https://obanracer.ru/fa/forma-obratnoi-svyazi-contact-form-7-kak-v-forme-obratnoi-svyazi-wordpress-peredat-adres.html">обратная связь</a> пользователя и сайта. Например, формы используются, когда нужно отправить какое-то сообщение на сервер. Кроме того, формы могут выполнять и другие функции, но основная задача - отправка данных на сервер.<br> Пример - <a href="https://obanracer.ru/fa/skript-formy-obratnoi-svyazi-v-modalnom-okne-prostaya-forma-svyazi-na-ajax.html">простая форма</a> отправки сообщения, в которой пользователь сайта указывает свое имя, E-mail и какой-то текст:
<form action="ссылка_на_скрипт_обработки_формы">
<input type="text" name="name">
<input type="text" name="email">
<textarea name="text">
Текст сообщения
<textarea>
<input type="submit" value="Написать">
</form>
</td>
</tr><tr><td>
<span>
</td>
<td>
Определяет подстроку в строке.<br>Применяется для определения стиля части строки посредством CSS. Один из самых часто используемых тегов. Без оформления, ни как не проявляет себя в браузере.<br>Пример:
Изучение HTML, в большинстве случаев, не вызывает
<span>ни каких сложностей</span> у новичков.
</td>
</tr><tr><td>
<video>,
<audio>
</td>
<td>
Теги предназначены для вставки видео и аудио в документ. Обязателен закрывающий тег.<br>Примеры:
<video src="rolik_chuma.mp4" controls></video>
<audio src="muzichka.mp3" controls></audio>
Параметр <b>controls
</b> говорит нам о том, что на странице должны отображаться элементы управления медиаконтентом, как в обычном аудио/видео плеере.
</td>
</tr><tr><td>
<div>
</td>
<td>
Во истину, королевский тег. Самый используемый и популярный тег в HTML разметке страницы. Это блочный элемент, предназначенн для управления блоками на сайте. Часто употребляется понятие "дивной" верстки - это значит, что все блоки на сайте сверстаны с использованием данных тегов. Может содержать другие теги <div>.<br>Пример:
<div>
<div>
Текст во вложенном блоке
</div>
</div>
Все элементы <div>, в большинстве случаев, оформляются свойствами CSS стилей. Обязателен закрывающий тег </div>.
</td>
</tr><tr><td>
<iframe>
</td>
<td>
Данный тег загружает внешнюю страницу в документ.<br>Пример:
<iframe src="http://rtfm.org.ru"></iframe>
</td>
</tr></table><p>Мы рассмотрели далеко не все теги, да это и не нужно на данном этапе. Главное - понять основную идею HTML, научиться использовать представленные выше теги, а потом двигаться дальше.</p>
<p>Обратите внимание на то, что все названия в подключаемых файлах должны писаться латинскими символами, без пробелов.</p>
<p>Например, не:</p><p>
<video src="ролик чума.mp4" controls></video>
</p><p>
<video src="rolik_chuma.mp4" controls></video>
</p><p>Это необходимо для большей совместимости содержимого страницы. К тому-же, стандарты написания HTML кода, диктуют.</p>
<p>Итак, теперь мы знаем некоторые <b>основы HTML
</b>: какая структура должна быть у типового HTML документа, знаем некоторые наиболее ходовые теги, пора приступить к самому вкусному - а именно, печенькам.</p>
<h3>Практическое задание по HTML верстке</h3>
<p>Если вы еще не скачали архив с примерами, сделайте это . Для примера, можете подглядывать в файл example.html, который также находился в архиве.</p>
<ol><li>Распакуйте архив и в папке с распакованными файлами создайте файл index.html. Откройте созданный файл с помощью текстового редактора Sublime Text;</li>
<li>Создайте первоначальную структуру документа с доктайпом, тегом <html>, содержащим <header> и <body> и перейдите к редактированию содержимого тега <body>;</li>
<li>Откройте файл readme.txt и выполните соответствующие задания в созданном вами файле index.html. Для проверки результата, откройте index.html в вашем любимом браузере.</li>
</ol><p>На этом урок по основам HTML окончен, в следующем уроке "Основы CSS " мы научимся управлять стилями элементов документа, познакомимся ближе с каскадными таблицами стилей, научимся использовать классы стилей и сделаем нашу верстку красивой и красочной.</p>
<ul><li><a target="_blank" href="http://www.youtube.com/user/agragregra">www.youtube.com/user/agragregra</a> - очень интересный канал, который поможет вам набить руку по созданию сайтов различной сложности с нуля;</li>
<li><a target="_blank" href="http://www.youtube.com/user/ArtSorax">www.youtube.com/user/ArtSorax</a> - много полезного материала для начинающих.Упор делается на CSS и JS;</li>
<li><a target="_blank" href="http://www.youtube.com/user/WebMagistersRu">www.youtube.com/user/WebMagistersRu</a> - с этого канала лично я начала знакомство со средой веб-разработки. Все рассказано доступным и понятным языком, основа основ, так сказать.</li>
<li><a target="_blank" href="http://www.youtube.com/user/loftblog">www.youtube.com/user/loftblog</a> - команда LoftBlog берет интервью у начинающих и состоявшихся IT-специалистов и разработчиков, а так же проводят видео обучение;</li>
<li><a target="_blank" href="http://www.youtube.com/user/TheSWAT727">www.youtube.com/user/TheSWAT727</a> - видеоканал содержит в себе информацию и обучающие материалы по Web-разработке в целом, охватываю Front-end, Back-end, обзоры <a href="https://obanracer.ru/fa/tekstovyi-redaktor-dzhumla-tekstovye-redaktory-v-joomla-podklyuchenie.html">текстовых редакторов</a> и прочую <a href="https://obanracer.ru/fa/otsledit-posylku-estoniya-pochta-v-estonii-poleznaya.html">полезную информацию</a> для начинающих разработчиков и дизайнеров.</li>
</ul><h5><b>Интернет-ресурсы
</b></h5><ul><li>htmlbook.ru - святыня для начинающих специалистов. <a href="https://obanracer.ru/fa/addurl-yandeksa-chto-takoe-addurilka-ne-daet-drugim-resursam-vorovat-vashi.html">Данный ресурс</a> содержит огромное количество информации в доступной и понятной форме + форум. Именно с этого я советую начинать знакомство с HTML/CSS;</li>
<li>webdesign-master.ru - познавательный сайт для более глубокого ознакомления с web-дизайном и версткой;</li>
<li>learn.javascript.ru - название сайта говорит само за себя. Советую начать обучение после ознакомления с основами HTML5/CSS3.</li>
</ul><h5><b>Сервисы
</b></h5><ul><li>www.codecademy.com - <a href="https://obanracer.ru/fa/nomer-mobilnogo-dlya-registracii-vkontakte-virtualnyi-nomer.html">англоязычный сервис</a>, где можно проверить свои знания на практике. Все интуитивно понятно, глубокие познания <a href="https://obanracer.ru/fa/kak-izmenit-yazyk-ebay-na-russkii-shablony-pisem-i-standarnye-frazy-na.html">английского языка</a> не потребуются;</li>
<li>htmlacademy.ru - русскоязычный сервис, где упор идет на практику + немного теории. Очень интересный ресурс, курсы и задания;</li>
<li>jsfiddle.net - так сказать «песочница» для web-разработчиков. Здесь в режиме онлайн можно код и тут же смотреть результат. Сервис будет вам помощником по указанию ошибок;</li>
<li>validator.w3.org - здесь можно проверить свой кода на валидность, что бы исправить свои ошибки или недочеты кода HTML;</li>
<li>jigsaw.w3.org/css-validator - аналогичный сервис, предназначенный для проверки на <a href="https://obanracer.ru/fa/proverka-css-na-validnost-s-pomoshchyu-css-validation-service-ispravlenie-html-i-css-c.html">валидность CSS</a> кода.</li>
</ul><p><u><h6>Итог</h6>
</u><br>
В интернете очень много полезной, правильной и <a href="https://obanracer.ru/fa/kopiya-obraza-cd-na-fleshku-kak-skinut-nuzhnuyu-informaciyu-s-diska-cd-ili-dvd-na.html">нужной информации</a>, но бесполезной больше. Учитесь, практикуйтесь, пишите код.</p><p>Теги:
Обучение, материал, сайты, разработка сайтов</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
<div style="font-size:0px;height:0px;line-height:0px;margin:0;padding:0;clear:both"></div>
</div>
<footer>
<div class="td-block-row td-post-next-prev">
<div class="td-block-span6 td-post-prev-post">
<div class="td-post-next-prev-content"><span>مقاله قبلی</span><a href="https://obanracer.ru/fa/updater-chto-eto-za-programma-v-obshchem-smysle-kak-udalit-software.html">نحوه حذف فرآیند به‌روزرسانی نرم‌افزار نسخه نرم‌افزار (adware).</a></div>
</div>
<!-- /next_post -->
<div class="td-next-prev-separator"></div>
<div class="td-block-span6 td-post-next-post">
<div class="td-post-next-prev-content"><span>مقاله بعدی</span><a href="https://obanracer.ru/fa/kak-pomenyat-parametry-stranicy-v-vorde-kak-ustanovit-parametry-stranicy.html">نحوه تنظیم گزینه های صفحه یک سند word</a></div>
<!-- /next_post -->
</div>
</div>
<div class="td-author-name vcard author" style="display: none"><span class="fn"><a href="https://obanracer.ru/fa/author/iulia">جولیا</a></span></div> <span style="display: none;" itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="name" content="Юлия"></span>
<meta itemprop="datePublished" content="2016-05-16T15:47:37+00:00">
<meta itemprop="dateModified" content="2016-10-25T16:54:41+00:00">
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="/other/kak-zavyazat-galstuk-foto-poshagovo.html" /><span style="display: none;" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><span style="display: none;" itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="//obanracer.ru/wp-content/uploads/2017/01/logo-300x100.png"></span>
<meta itemprop="name" content="Мой секрет">
</span>
<meta itemprop="headline " content="Как завязать галстук пошагово фото"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="/wp-content/uploads/2016/05/1-19.jpg"><meta itemprop="width" content="640"><meta itemprop="height" content="450"></span> </footer>
</article>
<div class="td_block_wrap td_block_related_posts td_uid_3_5a236fb03c961_rand td_with_ajax_pagination td-pb-border-top td_block_template_1" data-td-block-uid="td_uid_3_5a236fb03c961" ><script>var block_td_uid_3_5a236fb03c961 = new tdBlock();
block_td_uid_3_5a236fb03c961.id = "td_uid_3_5a236fb03c961";
block_td_uid_3_5a236fb03c961.atts = '{ "limit":9,"sort":"","post_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","category_id":"","category_ids":"","custom_title":"","custom_url":"","show_child_cat":"","sub_cat_ajax":"","ajax_pagination":"next_prev","header_color":"","header_text_color":"","ajax_pagination_infinite_stop":"","td_column_number":3,"td_ajax_preloading":"","td_ajax_filter_type":"td_custom_related","td_ajax_filter_ids":"","td_filter_default_txt":"\u0412\u0441\u0435","color_preset":"","border_top":"","class":"td_uid_3_5a236fb03c961_rand","el_class":"","offset":"","css":"","tdc_css":"","tdc_css_class":"td_uid_3_5a236fb03c961_rand","live_filter":"cur_post_same_categories","live_filter_cur_post_id":10046,"live_filter_cur_post_author":"694350","block_template_id":""} ';
block_td_uid_3_5a236fb03c961.td_column_number = "3";
block_td_uid_3_5a236fb03c961.block_type = "td_block_related_posts";
block_td_uid_3_5a236fb03c961.post_count = "9";
block_td_uid_3_5a236fb03c961.found_posts = "26";
block_td_uid_3_5a236fb03c961.header_color = "";
block_td_uid_3_5a236fb03c961.ajax_pagination_infinite_stop = "";
block_td_uid_3_5a236fb03c961.max_num_pages = "3";
tdBlocksArray.push(block_td_uid_3_5a236fb03c961);
</script><h4 class="td-related-title td-block-title"><a id="td_uid_4_5a236fb03e35d" class="td-related-left td-cur-simple-item" data-td_filter_value="" data-td_block_id="td_uid_3_5a236fb03c961" href="#">مقالات مرتبط</a></h4><div id=td_uid_3_5a236fb03c961 class="td_block_inner">
<div class="td-related-row">
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-pochistit-fail-hosts-windows-xp-ochistka-i-vosstanovlenie-faila-hosts-chto.html" rel="bookmark" title="پاکسازی و بازیابی فایل Hosts"><img width="218" height="150" class="entry-thumb" src="/uploads/82df474e8fe9812e1b18722be4a549f3.jpg" alt="پاکسازی و بازیابی فایل Hosts" title="پاکسازی و بازیابی فایل Hosts"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/fa/category/windows-7/" class="td-post-category">ویندوز 7</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-pochistit-fail-hosts-windows-xp-ochistka-i-vosstanovlenie-faila-hosts-chto.html" rel="bookmark" title="پاکسازی و بازیابی فایل Hosts">پاکسازی و بازیابی فایل Hosts</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/programma-onlain-vstavit-lico-v-gotovyi-shablon-kak-vstavit-lico-v.html" rel="bookmark" title="نحوه قرار دادن چهره در عکس"><img width="218" height="150" class="entry-thumb" src="/uploads/8a55e13fd28761849f9013b3e26aec35.jpg" alt="نحوه قرار دادن چهره در عکس" title="نحوه قرار دادن چهره در عکس"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/fa/category/security/" class="td-post-category">ایمنی</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/programma-onlain-vstavit-lico-v-gotovyi-shablon-kak-vstavit-lico-v.html" rel="bookmark" title="نحوه قرار دادن چهره در عکس">نحوه قرار دادن چهره در عکس</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-otformatirovat-disk-na-makbuke-kak-polnostyu-steret.html" rel="bookmark" title="چگونه به طور کامل هارد مک خود را پاک کنیم"><img width="218" height="150" class="entry-thumb" src="/uploads/8370231f597532ba724a7ce93e721d28.jpg" alt="چگونه به طور کامل هارد مک خود را پاک کنیم" title="چگونه به طور کامل هارد مک خود را پاک کنیم"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/fa/category/ram/" class="td-post-category">رم</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-otformatirovat-disk-na-makbuke-kak-polnostyu-steret.html" rel="bookmark" title="چگونه به طور کامل هارد مک خود را پاک کنیم">چگونه به طور کامل هارد مک خود را پاک کنیم</a></h3>
</div>
</div>
</div>
</div>
<div class="td-related-row">
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/perevod-deneg-na-schet-bilain-perevod-deneg-s-bilaina-na-bilain-v.html" rel="bookmark" title="انتقال پول از beeline به beeline"><img width="218" height="150" class="entry-thumb" src="/uploads/ff9a95c9b9ec0cb3e6c1ac5a645ecec2.jpg" alt="انتقال پول از beeline به beeline" title="انتقال پول از beeline به beeline"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/fa/category/case/" class="td-post-category">سپاه</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/perevod-deneg-na-schet-bilain-perevod-deneg-s-bilaina-na-bilain-v.html" rel="bookmark" title="انتقال پول از beeline به beeline">انتقال پول از beeline به beeline</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/css-podklyuchenie-shriftov-ttf-ustanavlivaem-shrifty-v-css-kogda.html" rel="bookmark" title="تنظیم فونت در css"><img width="218" height="150" class="entry-thumb" src="/uploads/cf9f88d65405223c1d0b5221e2ab5c84.jpg" alt="تنظیم فونت در css" title="تنظیم فونت در css"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/fa/category/graphics-card/" class="td-post-category">کارت های ویدئویی</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/css-podklyuchenie-shriftov-ttf-ustanavlivaem-shrifty-v-css-kogda.html" rel="bookmark" title="تنظیم فونت در css">تنظیم فونت در css</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/sozdanie-html-stranicy-v-bloknote-razyasneniya-dlya-chainikov-vyravnivanie.html" rel="bookmark" title="سربرگ تراز وسط"><img width="218" height="150" class="entry-thumb" src="/uploads/bdfcd9d5cc907e58f17776cc3052fbf5.jpg" alt="سربرگ تراز وسط" title="سربرگ تراز وسط"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/fa/category/processors/" class="td-post-category">پردازنده ها</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/sozdanie-html-stranicy-v-bloknote-razyasneniya-dlya-chainikov-vyravnivanie.html" rel="bookmark" title="سربرگ تراز وسط">سربرگ تراز وسط</a></h3>
</div>
</div>
</div>
</div>
<div class="td-related-row">
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-v-fotoshope-vyrezat-figuru-vse-sposoby-vydelit-i.html" rel="bookmark" title="تمام راه های انتخاب و برش یک شی در فتوشاپ"><img width="218" height="150" class="entry-thumb" src="/uploads/5d229b1df833925b9c19df34f8dceba7.jpg" alt="تمام راه های انتخاب و برش یک شی در فتوشاپ" title="تمام راه های انتخاب و برش یک شی در فتوشاپ"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/fa/category/monitors/" class="td-post-category">مانیتورها</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-v-fotoshope-vyrezat-figuru-vse-sposoby-vydelit-i.html" rel="bookmark" title="تمام راه های انتخاب و برش یک شی در فتوشاپ">تمام راه های انتخاب و برش یک شی در فتوشاپ</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-sohranit-zakladki-yandeksa-v-kompyutere-pereustanovka-yandeks.html" rel="bookmark" title="نحوه ذخیره نشانک های Yandex در رایانه"><img width="218" height="150" class="entry-thumb" src="/uploads/fc1350348173d69bd790a862ba5c98e7.jpg" alt="نحوه ذخیره نشانک های Yandex در رایانه" title="نحوه ذخیره نشانک های Yandex در رایانه"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/fa/category/monitors/" class="td-post-category">مانیتورها</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-sohranit-zakladki-yandeksa-v-kompyutere-pereustanovka-yandeks.html" rel="bookmark" title="نحوه ذخیره نشانک های Yandex در رایانه">نحوه ذخیره نشانک های Yandex در رایانه</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-udalit-virus-hosts-ochistit-fail-hosts-kak-udalit-fail-hosts.html" rel="bookmark" title="چگونه ویروس هاست (پاک کردن فایل هاست) را حذف کنیم؟"><img width="218" height="150" class="entry-thumb" src="/uploads/6f2840f8748634b83e5a72ed95f519d7.jpg" alt="چگونه ویروس هاست (پاک کردن فایل هاست) را حذف کنیم؟" title="چگونه ویروس هاست (پاک کردن فایل هاست) را حذف کنیم؟"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/fa/category/processors/" class="td-post-category">پردازنده ها</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-udalit-virus-hosts-ochistit-fail-hosts-kak-udalit-fail-hosts.html" rel="bookmark" title="چگونه ویروس هاست (پاک کردن فایل هاست) را حذف کنیم؟">چگونه ویروس هاست (پاک کردن فایل هاست) را حذف کنیم؟</a></h3>
</div>
</div>
</div>
</div></div></div>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar">
<div class="td-ss-main-sidebar">
<aside class="widget lambda_169101">
<div style="margin:10px 0">
</div>
</aside>
<div class="td_block_wrap td_block_1 td_block_widget td_uid_2_5a23c04f0cdc0_rand td-pb-border-top td_block_template_1 td-column-1" data-td-block-uid="td_uid_2_5a23c04f0cdc0">
<div class="td-block-title-wrap">
<h4 class="block-title"><span class="td-pulldown-size">توصیه شده</span></h4>
</div>
<div id=td_uid_2_5a23c04f0cdc0 class="td_block_inner">
<div class="td-block-span12">
<div class="td_module_4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/printskrin-na-makbuke-eir-kak-sdelat-skrinshot-na-make-s-vindoi-kak-sdelat.html" rel="bookmark" title="نحوه گرفتن اسکرین شات در ویندوز مک"><img width="324" height="235" class="entry-thumb" src="/uploads/3dcc25c964d094cb182142223439da7f.jpg" alt="نحوه گرفتن اسکرین شات در ویندوز مک" title="نحوه گرفتن اسکرین شات در ویندوز مک"/ loading=lazy loading=lazy></a></div>
<a href="https://obanracer.ru/fa/category/monitors/" class="td-post-category">مانیتورها</a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/printskrin-na-makbuke-eir-kak-sdelat-skrinshot-na-make-s-vindoi-kak-sdelat.html" rel="bookmark" title="نحوه گرفتن اسکرین شات در ویندوز مک">نحوه گرفتن اسکرین شات در ویندوز مک</a></h3>
<div class="td-module-meta-info">
</div>
<div class="td-excerpt">همه ماکوود نمی دانند چگونه در مک اسکرین شات بگیرند! بیایید امروز در مورد نحوه گرفتن اسکرین شات در MacOS به روش های مختلف با مثال صحبت کنیم! اگر...</div>
</div>
<!-- /next_post -->
</div>
<div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/printskrin-na-make-goryachie-klavishi-kak-delat-skrinshoty-v-mac-os-x.html" rel="bookmark" title="نحوه گرفتن اسکرین شات در Mac OS X"><img width="100" height="70" class="entry-thumb" src="/uploads/be5b020fc43da1d223eb3202a94b16c9.jpg" alt="نحوه گرفتن اسکرین شات در Mac OS X" title="نحوه گرفتن اسکرین شات در Mac OS X"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/printskrin-na-make-goryachie-klavishi-kak-delat-skrinshoty-v-mac-os-x.html" rel="bookmark" title="نحوه گرفتن اسکرین شات در Mac OS X">نحوه گرفتن اسکرین شات در Mac OS X</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/fa/category/power-supply/" class="td-post-category">منابع تغذیه</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/kuda-zvonit-esli-gai-gonyayutsya-kak-vyzvat-gai-na-mesto-dtp-chto-delat-v.html" rel="bookmark" title="چگونه با پلیس راهنمایی و رانندگی به محل تصادف تماس بگیریم؟"><img width="100" height="70" class="entry-thumb" src="/uploads/7b7137652f715c1d8a5caa848976108e.jpg" alt="چگونه با پلیس راهنمایی و رانندگی به محل تصادف تماس بگیریم؟" title="چگونه با پلیس راهنمایی و رانندگی به محل تصادف تماس بگیریم؟"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kuda-zvonit-esli-gai-gonyayutsya-kak-vyzvat-gai-na-mesto-dtp-chto-delat-v.html" rel="bookmark" title="چگونه با پلیس راهنمایی و رانندگی به محل تصادف تماس بگیریم؟">چگونه با پلیس راهنمایی و رانندگی به محل تصادف تماس بگیریم؟</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/fa/category/security/" class="td-post-category">ایمنی</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/gai-avariya-chto-delat-pri-dtp-poryadok-deistvii-kuda-zvonit-kak.html" rel="bookmark" title="در صورت وقوع حادثه (رویه، کجا تماس بگیریم) چه باید کرد؟"><img width="100" height="70" class="entry-thumb" src="/uploads/9c1befb002d24b63eb971f802de704da.jpg" alt="در صورت وقوع حادثه (رویه، کجا تماس بگیریم) چه باید کرد؟" title="در صورت وقوع حادثه (رویه، کجا تماس بگیریم) چه باید کرد؟"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/gai-avariya-chto-delat-pri-dtp-poryadok-deistvii-kuda-zvonit-kak.html" rel="bookmark" title="در صورت وقوع حادثه (رویه، کجا تماس بگیریم) چه باید کرد؟">در صورت وقوع حادثه (رویه، کجا تماس بگیریم) چه باید کرد؟</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/fa/category/windows-8/" class="td-post-category">ویندوز 8</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/udalit-el-pochtu-v-yandekse-kak-udalit-pochtovyi-yashchik-na-yandekse-navsegda-kak.html" rel="bookmark" title="چگونه یک صندوق پستی در Yandex را برای همیشه حذف کنیم؟"><img width="100" height="70" class="entry-thumb" src="/uploads/606e73d3d732f844ae9678a15bbd2eea.jpg" alt="چگونه یک صندوق پستی در Yandex را برای همیشه حذف کنیم؟" title="چگونه یک صندوق پستی در Yandex را برای همیشه حذف کنیم؟"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/udalit-el-pochtu-v-yandekse-kak-udalit-pochtovyi-yashchik-na-yandekse-navsegda-kak.html" rel="bookmark" title="چگونه یک صندوق پستی در Yandex را برای همیشه حذف کنیم؟">چگونه یک صندوق پستی در Yandex را برای همیشه حذف کنیم؟</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/fa/category/security/" class="td-post-category">ایمنی</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/chem-otkryt-fail-hosts-windows-7-kak-otkryt-fail-hosts-prednaznachenie-faila-hosts.html" rel="bookmark" title="نحوه باز کردن فایل هاست در ویندوز 7"><img width="100" height="70" class="entry-thumb" src="/uploads/08a6624c2f08ce8b927d6e9aff78b340.jpg" alt="نحوه باز کردن فایل هاست در ویندوز 7" title="نحوه باز کردن فایل هاست در ویندوز 7"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/chem-otkryt-fail-hosts-windows-7-kak-otkryt-fail-hosts-prednaznachenie-faila-hosts.html" rel="bookmark" title="نحوه باز کردن فایل هاست در ویندوز 7">نحوه باز کردن فایل هاست در ویندوز 7</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/fa/category/internet/" class="td-post-category">اینترنت</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/ne-aktiviruetsya-windows-8-1-na-noutbuke.html" rel="bookmark" title="ویندوز 8 فعال نمی شود"><img width="100" height="70" class="entry-thumb" src="/uploads/635dc404337566e0c0a89f9a87752ebc.jpg" alt="ویندوز 8 فعال نمی شود" title="ویندوز 8 فعال نمی شود"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/ne-aktiviruetsya-windows-8-1-na-noutbuke.html" rel="bookmark" title="ویندوز 8 فعال نمی شود">ویندوز 8 فعال نمی شود</a></h3>
<div class="td-module-meta-info">
<a href="https://obanracer.ru/fa/category/power-supply/" class="td-post-category">منابع تغذیه</a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<aside class="widget_text td_block_template_1 widget widget_custom_html">
<div class="textwidget custom-html-widget">
</div>
</aside>
</div>
</div>
</div>
</div>
</div>
<div class="td-footer-wrapper td-container-wrap ">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span12">
</div>
</div>
<div class="td-pb-row">
<div class="td-pb-span4">
<div class="td_block_wrap td_block_15 td_block_widget td_uid_11_5a23980e76adb_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_11_5a23980e76adb" >
<div class="td-block-title-wrap"></div><div id=td_uid_11_5a23980e76adb class="td_block_inner td-column-1"><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/ne-poluchaetsya-aktivirovat-windows-8.html" rel="bookmark" title="ویندوز 8 رو نمیشه فعال کرد"><img width="218" height="150" class="entry-thumb" src="/uploads/00e17651fc60e20ffa8eaf1ad1c49904.jpg" alt="ویندوز 8 رو نمیشه فعال کرد" title="ویندوز 8 رو نمیشه فعال کرد"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/ne-poluchaetsya-aktivirovat-windows-8.html" rel="bookmark" title="ویندوز 8 رو نمیشه فعال کرد">ویندوز 8 رو نمیشه فعال کرد</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/privyazka-uch-tnoi-zapisi-k-mobilnomu-telefonu-privyazka-akkaunta-k.html" rel="bookmark" title="پیوند دادن یک حساب به ایمیل رایانامه Wot حسابی خریداری کرده است که تلفنی را به نام شما پیوند می دهد"><img width="218" height="150" class="entry-thumb" src="/uploads/fa8df6ed130f6cce48cfb7c7f4a1dc57.jpg" alt="پیوند دادن یک حساب به ایمیل رایانامه Wot حسابی خریداری کرده است که تلفنی را به نام شما پیوند می دهد" title="پیوند دادن یک حساب به ایمیل رایانامه Wot حسابی خریداری کرده است که تلفنی را به نام شما پیوند می دهد"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/privyazka-uch-tnoi-zapisi-k-mobilnomu-telefonu-privyazka-akkaunta-k.html" rel="bookmark" title="پیوند دادن یک حساب به ایمیل رایانامه Wot حسابی خریداری کرده است که تلفنی را به نام شما پیوند می دهد">پیوند دادن یک حساب به ایمیل رایانامه Wot حسابی خریداری کرده است که تلفنی را به نام شما پیوند می دهد</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/rar-ili-zip-chto-vybrat-raznica-mezhdu-zip-i-rar-sravnitelnaya.html" rel="bookmark" title="تفاوت بین ZIP و RAR ویژگی های مقایسه ای آرشیوهای فشرده rar"><img width="218" height="150" class="entry-thumb" src="/uploads/a4cc39406f0a0e30f9ae2e202e093124.jpg" alt="تفاوت بین ZIP و RAR ویژگی های مقایسه ای آرشیوهای فشرده rar" title="تفاوت بین ZIP و RAR ویژگی های مقایسه ای آرشیوهای فشرده rar"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/rar-ili-zip-chto-vybrat-raznica-mezhdu-zip-i-rar-sravnitelnaya.html" rel="bookmark" title="تفاوت بین ZIP و RAR ویژگی های مقایسه ای آرشیوهای فشرده rar">تفاوت بین ZIP و RAR ویژگی های مقایسه ای آرشیوهای فشرده rar</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/whatsapp-dannyi-obekt-bolshe-nedostupen-etot-element-foto-bolshe.html" rel="bookmark" title="Whatsapp این مورد دیگر در دسترس نیست - این مورد عکس دیگر در دسترس نیست Viber تلاش برای تغییر فیلدهای سیستم"><img width="218" height="150" class="entry-thumb" src="/uploads/203eff1de75cdc3a7b7351df2b5a0435.jpg" alt="Whatsapp این مورد دیگر در دسترس نیست - این مورد عکس دیگر در دسترس نیست Viber تلاش برای تغییر فیلدهای سیستم" title="Whatsapp این مورد دیگر در دسترس نیست - این مورد عکس دیگر در دسترس نیست Viber تلاش برای تغییر فیلدهای سیستم"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/whatsapp-dannyi-obekt-bolshe-nedostupen-etot-element-foto-bolshe.html" rel="bookmark" title="Whatsapp این مورد دیگر در دسترس نیست - این مورد عکس دیگر در دسترس نیست Viber تلاش برای تغییر فیلدهای سیستم">Whatsapp این مورد دیگر در دسترس نیست - این مورد عکس دیگر در دسترس نیست Viber تلاش برای تغییر فیلدهای سیستم</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-privyazat-kaban-k-drugoi-pochte-kak-privyazat-pochtu-k-drugoi-pochte.html" rel="bookmark" title="چگونه نامه را به ایمیل دیگری پیوند دهیم"><img width="218" height="150" class="entry-thumb" src="/uploads/8ac105564c075c0dd2c098582f31b47d.jpg" alt="چگونه نامه را به ایمیل دیگری پیوند دهیم" title="چگونه نامه را به ایمیل دیگری پیوند دهیم"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-privyazat-kaban-k-drugoi-pochte-kak-privyazat-pochtu-k-drugoi-pochte.html" rel="bookmark" title="چگونه نامه را به ایمیل دیگری پیوند دهیم">چگونه نامه را به ایمیل دیگری پیوند دهیم</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-polzovatsya-semeinoi-bibliotekoi-google-play-kak-upravlyat-semeinoi.html" rel="bookmark" title="نحوه مدیریت گروه خانواده در Google Family Library google play"><img width="218" height="150" class="entry-thumb" src="/uploads/e59cca17ebacb6372213b5522283a1ad.jpg" alt="نحوه مدیریت گروه خانواده در Google Family Library google play" title="نحوه مدیریت گروه خانواده در Google Family Library google play"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-polzovatsya-semeinoi-bibliotekoi-google-play-kak-upravlyat-semeinoi.html" rel="bookmark" title="نحوه مدیریت گروه خانواده در Google Family Library google play">نحوه مدیریت گروه خانواده در Google Family Library google play</a></h3>
</div>
</div>
</div></div></div> <div class="clearfix"></div> </div>
<div class="td-pb-span4">
<div class="td_block_wrap td_block_15 td_block_widget td_uid_12_5a23980e79990_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_12_5a23980e79990" >
<div class="td-block-title-wrap"></div><div id=td_uid_12_5a23980e79990 class="td_block_inner td-column-1"><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/privyazat-telefon-k-vot-privyazka-akkaunta-k-elektronnoi-pochte.html" rel="bookmark" title="پیوند دادن حساب به ایمیل"><img width="218" height="150" class="entry-thumb" src="/uploads/1cd874bd7d05c52dd7023ade9c0b1bed.jpg" alt="پیوند دادن حساب به ایمیل" title="پیوند دادن حساب به ایمیل"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/privyazat-telefon-k-vot-privyazka-akkaunta-k-elektronnoi-pochte.html" rel="bookmark" title="پیوند دادن حساب به ایمیل">پیوند دادن حساب به ایمیل</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/obzor-besplatnoi-versii-budilnik-besplatnaya-programma-chasy-budilnik-dlya.html" rel="bookmark" title="برنامه ساعت زنگ دار رایگان برای کامپیوتر و لپ تاپ"><img width="218" height="150" class="entry-thumb" src="/uploads/044dc73ad12bbb753e7fb6f1ee1e7ef9.jpg" alt="برنامه ساعت زنگ دار رایگان برای کامپیوتر و لپ تاپ" title="برنامه ساعت زنگ دار رایگان برای کامپیوتر و لپ تاپ"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/obzor-besplatnoi-versii-budilnik-besplatnaya-programma-chasy-budilnik-dlya.html" rel="bookmark" title="برنامه ساعت زنگ دار رایگان برای کامپیوتر و لپ تاپ">برنامه ساعت زنگ دار رایگان برای کامپیوتر و لپ تاپ</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-privyazat-pochtu-k-drugoi-pochte-kak-privyazat-pochtu-k-drugoi-pochte.html" rel="bookmark" title="چگونه نامه را به نامه دیگری پیوند دهیم چگونه یک گراز وحشی را به نامه دیگری پیوند دهیم"><img width="218" height="150" class="entry-thumb" src="/uploads/3325cd3648c065ce0225d23cfe5237f5.jpg" alt="چگونه نامه را به نامه دیگری پیوند دهیم چگونه یک گراز وحشی را به نامه دیگری پیوند دهیم" title="چگونه نامه را به نامه دیگری پیوند دهیم چگونه یک گراز وحشی را به نامه دیگری پیوند دهیم"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-privyazat-pochtu-k-drugoi-pochte-kak-privyazat-pochtu-k-drugoi-pochte.html" rel="bookmark" title="چگونه نامه را به نامه دیگری پیوند دهیم چگونه یک گراز وحشی را به نامه دیگری پیوند دهیم">چگونه نامه را به نامه دیگری پیوند دهیم چگونه یک گراز وحشی را به نامه دیگری پیوند دهیم</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-smenit-pochtovyi-yashchik-v-world-of-tanks-kak-smenit-pochtovyi-yashchik-v-world-of-tanks.html" rel="bookmark" title="نحوه تغییر صندوق پستی در World of Tanks ایمیل بازی world of tanks"><img width="218" height="150" class="entry-thumb" src="/uploads/808ffe1573568450c65e79e9825a5b2d.jpg" alt="نحوه تغییر صندوق پستی در World of Tanks ایمیل بازی world of tanks" title="نحوه تغییر صندوق پستی در World of Tanks ایمیل بازی world of tanks"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-smenit-pochtovyi-yashchik-v-world-of-tanks-kak-smenit-pochtovyi-yashchik-v-world-of-tanks.html" rel="bookmark" title="نحوه تغییر صندوق پستی در World of Tanks ایمیل بازی world of tanks">نحوه تغییر صندوق پستی در World of Tanks ایمیل بازی world of tanks</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-ustanovit-pokemon-go-na-iphone-i-ipad-esli-ty-zhivesh-v-rossii-kak-skachat-pok-mon-go-v.html" rel="bookmark" title="نحوه دانلود Pokémon GO در روسیه (هم در iOS و هم Android) دانلود برنامه pokemon go در ios"><img width="218" height="150" class="entry-thumb" src="/uploads/336a6d9e038d307f47704299f7a1aebc.jpg" alt="نحوه دانلود Pokémon GO در روسیه (هم در iOS و هم Android) دانلود برنامه pokemon go در ios" title="نحوه دانلود Pokémon GO در روسیه (هم در iOS و هم Android) دانلود برنامه pokemon go در ios"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-ustanovit-pokemon-go-na-iphone-i-ipad-esli-ty-zhivesh-v-rossii-kak-skachat-pok-mon-go-v.html" rel="bookmark" title="نحوه دانلود Pokémon GO در روسیه (هم در iOS و هم Android) دانلود برنامه pokemon go در ios">نحوه دانلود Pokémon GO در روسیه (هم در iOS و هم Android) دانلود برنامه pokemon go در ios</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/chem-otkryt-dds-kak-otkryt-fail-dds-na-windows-7.html" rel="bookmark" title="نحوه باز کردن فایل dds در ویندوز 7"><img width="218" height="150" class="entry-thumb" src="/uploads/90272a5bdbfb55809166eedb4b2343d1.jpg" alt="نحوه باز کردن فایل dds در ویندوز 7" title="نحوه باز کردن فایل dds در ویندوز 7"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/chem-otkryt-dds-kak-otkryt-fail-dds-na-windows-7.html" rel="bookmark" title="نحوه باز کردن فایل dds در ویندوز 7">نحوه باز کردن فایل dds در ویندوز 7</a></h3>
</div>
</div>
</div></div></div> <div class="clearfix"></div> </div>
<div class="td-pb-span4">
<div class="td_block_wrap td_block_15 td_block_widget td_uid_13_5a23980e7caa8_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_13_5a23980e7caa8" >
<div class="td-block-title-wrap"></div><div id=td_uid_13_5a23980e7caa8 class="td_block_inner td-column-1"><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/chto-takoe-microsoft-visual-foxpro-skachat-programmu-foxpro-skachat-programmu.html" rel="bookmark" title="دانلود نرم افزار foxpro"><img width="218" height="150" class="entry-thumb" src="/uploads/9e707763ade07c69426a783729cf9575.jpg" alt="دانلود نرم افزار foxpro" title="دانلود نرم افزار foxpro"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/chto-takoe-microsoft-visual-foxpro-skachat-programmu-foxpro-skachat-programmu.html" rel="bookmark" title="دانلود نرم افزار foxpro">دانلود نرم افزار foxpro</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/dalnost-svyazi-racii-maus-a-v-vot-chto-daet-raciya-v-world-of-tanks-i.html" rel="bookmark" title="واکی تاکی در World of Tanks چه می دهد و چرا به آن نیاز است"><img width="218" height="150" class="entry-thumb" src="/uploads/2d6b1b2adc7b31957bcb68752ed98a07.jpg" alt="واکی تاکی در World of Tanks چه می دهد و چرا به آن نیاز است" title="واکی تاکی در World of Tanks چه می دهد و چرا به آن نیاز است"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/dalnost-svyazi-racii-maus-a-v-vot-chto-daet-raciya-v-world-of-tanks-i.html" rel="bookmark" title="واکی تاکی در World of Tanks چه می دهد و چرا به آن نیاز است">واکی تاکی در World of Tanks چه می دهد و چرا به آن نیاز است</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/nastroika-upravleniya-v-droid4x-prevrashchaem-planshet-v-polnocennoe-rabochee.html" rel="bookmark" title="تبلت را با پشتیبانی از صفحه کلید و ماوس به یک محل کار کامل برای بازی های اندروید تبدیل می کنیم"><img width="218" height="150" class="entry-thumb" src="/uploads/4806b3ffb65b48410cca5443e55872b6.jpg" alt="تبلت را با پشتیبانی از صفحه کلید و ماوس به یک محل کار کامل برای بازی های اندروید تبدیل می کنیم" title="تبلت را با پشتیبانی از صفحه کلید و ماوس به یک محل کار کامل برای بازی های اندروید تبدیل می کنیم"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/nastroika-upravleniya-v-droid4x-prevrashchaem-planshet-v-polnocennoe-rabochee.html" rel="bookmark" title="تبلت را با پشتیبانی از صفحه کلید و ماوس به یک محل کار کامل برای بازی های اندروید تبدیل می کنیم">تبلت را با پشتیبانی از صفحه کلید و ماوس به یک محل کار کامل برای بازی های اندروید تبدیل می کنیم</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/nedostatochno-pamyati-v-world-of-tanks-reshenie-problemy-predotvrashchenie.html" rel="bookmark" title="جلوگیری از مشکلات کم حافظه"><img width="218" height="150" class="entry-thumb" src="/uploads/675db6ccaf8907890dc857eaabc691ee.jpg" alt="جلوگیری از مشکلات کم حافظه" title="جلوگیری از مشکلات کم حافظه"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/nedostatochno-pamyati-v-world-of-tanks-reshenie-problemy-predotvrashchenie.html" rel="bookmark" title="جلوگیری از مشکلات کم حافظه">جلوگیری از مشکلات کم حافظه</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/prevrashchaem-planshet-v-polnocennoe-rabochee-mesto-nastroika.html" rel="bookmark" title="راه اندازی کنترل در Droid4X نحوه کنترل بازی ها در اندروید از صفحه کلید"><img width="218" height="150" class="entry-thumb" src="/uploads/cb51c9eb42a821b604bfdedade461621.jpg" alt="راه اندازی کنترل در Droid4X نحوه کنترل بازی ها در اندروید از صفحه کلید" title="راه اندازی کنترل در Droid4X نحوه کنترل بازی ها در اندروید از صفحه کلید"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/prevrashchaem-planshet-v-polnocennoe-rabochee-mesto-nastroika.html" rel="bookmark" title="راه اندازی کنترل در Droid4X نحوه کنترل بازی ها در اندروید از صفحه کلید">راه اندازی کنترل در Droid4X نحوه کنترل بازی ها در اندروید از صفحه کلید</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://obanracer.ru/fa/internet-prodazhi-sposoby-tehnologii-i-instrumenty-marketinga-v-seti-kak.html" rel="bookmark" title="نحوه افزایش فروش در فروشگاه آنلاین: چند توصیه مفید فراخوان برای اقدام"><img width="218" height="150" class="entry-thumb" src="/uploads/ce003d1f3a3d37d64e62510816b0352c.jpg" alt="نحوه افزایش فروش در فروشگاه آنلاین: چند توصیه مفید فراخوان برای اقدام" title="نحوه افزایش فروش در فروشگاه آنلاین: چند توصیه مفید فراخوان برای اقدام"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/internet-prodazhi-sposoby-tehnologii-i-instrumenty-marketinga-v-seti-kak.html" rel="bookmark" title="نحوه افزایش فروش در فروشگاه آنلاین: چند توصیه مفید فراخوان برای اقدام">نحوه افزایش فروش در فروشگاه آنلاین: چند توصیه مفید فراخوان برای اقدام</a></h3>
</div>
</div>
</div></div></div> <div class="clearfix"></div><aside class="td_block_template_1 widget widget_text"> <div class="textwidget">
</div>
</aside><aside class="td_block_template_1 widget widget_text"> <div class="textwidget">
</div>
</aside> </div>
</div>
</div>
</div>
<div class="td-sub-footer-container td-container-wrap ">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span td-sub-footer-menu">
</div>
<div class="td-pb-span td-sub-footer-copy">حق چاپ 2022 - تعمیر کامپیوتر و لپ تاپ. کارت گرافیک، هارد، اینترنت، مانیتور.</div>
</div>
</div>
</div>
</div>
<style type="text/css" media="screen">
/* custom css theme panel */
.td-post-header .entry-title {
font-weight: normal !important;
}
h1.entry-title {
font-weight: normal !important;
border-bottom:#c44c4c 2px dotted;
}
h1.entry-title:before {
content: "\f184";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.sf-menu ul .td-menu-item > a:hover, .sf-menu ul .sfHover > a, .sf-menu ul .current-menu-ancestor > a, .sf-menu ul .current-category-ancestor > a, .sf-menu ul .current-menu-item > a {
color: #edf3f7;
}
.td-post-content h2 { border-bottom:#c44c4c 2px dotted;}
.td-post-content h2:before {
content: "\f184";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.td-post-content h3 { border-bottom:#c44c4c 2px dotted;}
.td-post-content h3:before {
content: "\f103";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.category-my .td-page-title {
color:#c44c4c;
font-weight: 400;
font-size: 36px;
}
.post header .entry-title {
line-height: 40px;
}
.td-category-description h2, .td-category-description h3 { color:#c44c4c;}
.td-category-description h2 { border-bottom:#c44c4c 2px solid;}
.td-category-description h2:before {
content: "\f055";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.td-category-description h3 { border-bottom:#c44c4c 2px solid;}
.td-category-description h3:before {
content: "\f103";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.td-category-description ol, .td-category-description ul { margin-top:20px !important; margin-bottom:20px !important;}
.td-category-description ul, .td-post-content ul { padding:0; margin:0; list-style:none; clear:both;}
.td-category-description ul li, .td-post-content ul li { padding:0 0 0 15px; margin:0 0 10px 35px; position:relative;}
.td-category-description ul li:before, .td-post-content ul li:before {
content: "\f192";
font-family: "FontAwesome"; color:#c44c4c; position:absolute; left:-10px;}
.td-category-description ol, .td-post-content ol { padding:0; margin:0 0 0 5px; list-style:none; counter-reset: lipoint; clear:both;}
.td-category-description ol li, .td-post-content ol li { padding:0 0 0 15px; margin:0 0 10px 35px; position:relative;}
.td-category-description ol li:before, .td-post-content ol li:before {
content: counter(lipoint);
counter-increment: lipoint;
color:#fff; position:absolute; left:-16px;
background:#c44c4c; width:20px; height:20px; line-height:20px; text-align:center;
-webkit-border-radius: 20px;border-radius: 20px; font-size:12px; top:3px;}
.toc_list li:before { display:none}
.td-header-style-9 .td-header-menu-wrap-full {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c44c4c+0,c10000+100 */
background: #c44c4c; /* Old browsers */
background: -moz-linear-gradient(top, #c44c4c 0%, #c10000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c44c4c 0%,#c10000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c44c4c 0%,#c10000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c44c4c', endColorstr='#c10000',GradientType=0 ); /* IE6-9 */
}
.sf-menu > li > a {
color: #fff;
}
.td-header-style-9 .header-search-wrap .td-icon-search {
color: #fff;
}
.td-affix a { color:#000 !important;}
</style>
<script type='text/javascript'>
/* <![CDATA[ */
var tocplus = { "smooth_scroll":"1"} ;
/* ]]> */
</script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/table-of-contents-plus/front.min.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/wp-postratings/js/postratings-js.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/themes/Newspaper/js/tagdiv_theme.js'></script>
<script type='text/javascript' src='/wp-includes/js/comment-reply.min.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var boxzilla_options = { "testMode":"","boxes":[]} ;
/* ]]> */
</script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/boxzilla/assets/js/script.min.js'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/client/js/prod/lib.core.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/client/js/prod/lib.view.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/themes/baseline/js/prod/client.js'></script>
<script type='text/javascript' src='/assets/client1.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/template-tags/item/js/prod/tag.item.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/template-tags/ui/js/prod/tag.ui.js'></script>
<script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/content-handlers/image/js/prod/handler.image.js'></script>
<script>
(function(){
var html_jquery_obj = jQuery('html');
if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) {
var path = '/wp-content/themes/Newspaper/style.css';
jQuery.get(path, function(data) {
var str_split_separator = '#td_css_split_separator';
var arr_splits = data.split(str_split_separator);
var arr_length = arr_splits.length;
if (arr_length > 1) {
var dir_path = '/wp-content/themes/Newspaper';
var splited_css = '';
for (var i = 0; i < arr_length; i++) {
if (i > 0) {
arr_splits[i] = str_split_separator + ' ' + arr_splits[i];
}
//jQuery('head').append('<style>' + arr_splits[i] + '</style>');
var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) {
return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,'');
} );
splited_css += "<style>" + formated_str + "</style>";
}
var td_theme_css = jQuery('link#td-theme-css');
if (td_theme_css.length) {
td_theme_css.after(splited_css);
}
}
} );
}
} )();
</script>
</body>
</html>
