html چیست؟ کاربردهای html در طراحی وب

HTML چیست؟ در یک کلام، مادر همه تکنولوژی های توسعه وب هست و از قدیمی ترین ها! اگر قصد دارید در حوزه هایی مثل توسعه وب و به طور ویژه فرانت اند مسیر متخصص شدن رو در پیش بگیرید، یادگیری HTML اولین قدمی هست که باید بردارید. این زبان در عین سادگی در همه جای وب نفوذ کرده و با معرفی HTML5 به غولی تبدیل شده که تکنولوژی های دیگه رو مجبور به سازگاری کرده.

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

HTML چیست؟ نگاهی به تاریخچه html

HTML یا Hyper Text Markup Language یک زبان نشانه گذاری در زمینه طراحی و توسعه صفحات وب هست که در سال 1991 ابداع شد. اگر 20 سال پیش به قبل در فضای اینترنت بودید یا از کسی شنیدید، حتما میدونید که اون زمان صفحات وب چیزی بیشتر از یک روزنامه دیواری سرد و بی روح نبودن که پر از متون ساده و گاهی در کمال شگفتی! همراه با عکس…

این زبان مختص مرورگرها طراحی شده و وظیفه نمایش محتوا به کاربر در فضای اینترنت رو بر عهده داشته و خواهد داشت اما نکته مهم اینه که اون رو با زبان های برنامه نویسی مثل جاوا اسکریپت یا سی شارپ مقایسه نکنید چون دو تکنولوژی کاملا متفاوت هستن و در HTML خبری از طراحی نرم افزار و مفاهیمی مثل حلقه و شرط وجود نداره!

ماموریت اصلی و کلی HTML اینه که به شما در ساخت قالب و ساختار صفحات وب کمک کنه تا همه چیز مرتب و سازماندهی شده باشه. این ساختار منظم باعث میشه دسترسی به همه بخش ها برای هرگونه اعمال تغییر آسونتر باشه و در تعامل با موتورهای جستجو و به طور کلی بهینه سازی سئو، مشکلی پیش نیاد.

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

HTML چطور کار میکنه؟

1. تگ های HTML

هر اتفاقی که قراره در صفحات html بیفته باید توسط تگ های html تعریف بشه. در واقع ما با زبان تگ منظورمون رو به سیستم می رسونیم. برای هرکاری و هر هدفی تگ مخصوصی وجود داره که باید از اون استفاده کرد. به طور مثال تگ های  <header>، <footer>، <section>، <article>، <nav> و <div> مسئول اصلی تنظیم ساختار و چیدمان قالب صفحات وب هستن. یعنی با این تگ ها میشه فضاهای هر صفحه رو از هم جدا کرده و در هر بخش محتوای خاصی رو به نمایش گذاشت.

دسته دوم تگ ها، محتوای اون صفحه رو تامین و تنظیم میکنن. برای مثال <img> برای تصاویر،<a>  برای لینک ‌ها، <table> برای جداول و <form> برای فرم ‌ها از جمله تگ هایی هستن که بیشترین کاربرد رو در زمینه درج و مدیریت محتوای صفحات html  دارن.

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

2. تکنولوژی های کمکی html

HTML با فناوری ‌های دیگه مانند جاوااسکریپت (JavaScript) و CSS ترکیب میشه تا یک وب سایت یا صفحه کامل از این همکاری به دست بیاد. CSS برای استایل دهی و طراحی ظاهری صفحات وب و JavaScript هم با هدف اضافه کردن ویژگی ‌های تعاملی مثل انیمیشن ‌ها، اعتبارسنجی داده ها و … به صفحات وب مورد استفاده قرار میگیرن. این ترکیب جذاب و کامل، به توسعه دهنده ها کمک میکنه تا صفحات وب پویا، زیبا و تعاملی بسازن.

 HTML5  چیست؟ چه تغییراتی به همراه داشت؟

HTML5  نسخه جدید و به ‌روز شده HTML هست که همیشه یکی از استانداردهای اصلی برای توسعه وب بوده و خواهد بود. HTML با بهینه سازی قابلیت های خودش در این نسخه، باعث شد تکنولوژی های قدرتمندی مثلFlash  شرکت ادوبی در فضای وب محو بشه. این نشون دهنده عمق تغییرات و پیشرفت هایی بود که html5 به توسعه دهنده های وب هدیه داد.

در ادامه به صورت خلاصه، ویژگی ها و تحولاتی که html5  نسبت به نسخه های قبلی خودش ارائه کرد رو با شما به اشتراک خواهیم گذاشت.

1 – تگ ‌های جدید، قابلیت های جدید

تگ ‌های جدیدی از جمله  <header> ‌، <footer> ‌، <nav> ‌، <section> ‌، <article> ‌ و … مهمانان جدید html بودن که با اومدنشون، نظم و سازماندهی کامل تری به صفحات استاتیک قدیمی دادن و باعث شدن html به سمت پویایی (داینامیک) و تعامل بیشتر حرکت کنه.

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

2 – پشتیبانی از چندرسانه ای (مولتی مدیا)

پخش ویدیو و صوت بدون استفاده از پلاگین ‌های جانبی یکی از چالش های اساسی کاربران و توسعه دهنده ها در یکی دو دهه گذشته بود و تکنولوژی Flash با وجود پیچیدگی که داشت در این زمینه جولان میداد.

خیلی وقت ها عدم پشتیبانی مرورگرها یا سیستم عامل از فلش به معنی محروم شدن کاربر از مولتی مدیا در فضای وب بود تا اینکه html5 با تغییرات ساختاری جدید و معرفی تگ های مخصوص چندرسانه ای مثل<video> ‌و <audio> ‌ به توسعه دهنده ها نوید بارگذاری و پخش فایل های صوتی و ویدیویی رو به صورت آنلاین داد اون هم بدون هیچ پیش نیاز و پلاگین اضافه ای!

3 – فرم های بهینه شده

در  HTML5 فرم ‌هایی پیشرفته ‌تر و با قابلیت ‌های بیشتری ارائه شده و نتیجه اینه که کار دریافت و ارسال اطلاعات هم برای کاربران و هم توسعه دهنده راحت تر شد و تجربه کاربری باکیفیت تری به همراه داشته.

4 – سازگاری و انعطاف پذیری بالاتر

توانایی بهینه سازی وبسایت ‌ها برای تلفن ‌های همراه و دستگاه ‌های دیگه از جمله مهمترین پیشرفت های HTML5 نسبت به نسخه های قبلی هست که باعث شد طراحی رسپانسیو یا واکنش گرا با سرعت بیشتری توسعه پیدا کنه و الان دیگه خبری از پیچیدگی تنظیمات و خطاهای متعدد گذشته نیست.

5 – کاهش وابستگی به پلاگین ‌های جانبی

یکی از نقاط قوت HTML5 این بود که نیاز به پلاگین اضافه برای کارهای مختلف رو به حداقل ممکن رسوند. تاثیرگذارترین مثال این تحول، محو شدن تکنولوژی قدرتمند شرکت ادوبی یعنی Flash بود که با اضافه شدن قابلیت پشتیبانی از چندرسانه ای ها در html5 ،طی چندسال از طرف اون شرکت برای همیشه متوقف شد.

6 – قابلیت های تعاملی جدید

قابلیت ‌های جدید HTML5، به توسعه دهنده ها کمک کرد تا از ویژگی ‌های تعاملی مثل برگشت به عقب بدون بارگذاری مجدد صفحه (AJAX) و … برای بهبود تجربه کاربری استفاده کنن که تحول جذابی در زمان خودش ایجاد کرد.

کاربردهای HTML

حالا که با اتمسفر و هویت HTML آشنا شدید، وقتش رسیده که بدونید کاربرد  HTMLچیست. در ادامه به صورت لیستی و خلاصه سعی می کنیم مهمترین کاربردها و نقش هایی که html در فضای وب بازی میکنه رو توضیح بدیم تا دید کلی خوبی پیدا کنید. بعد از اون اگر علاقه مند بودید و دوست داشتید بیشتر بدونید و یاد بگیرید، در دوره رایگان و فوق العاده آموزش html سبزلرن ثبت نام کنید تا صفر تا صد این زبان نشانه گذاری مشهور رو آموزش ببینید.

” حتما میدونید که یادگیری html پیش نیاز تمام تخصص ها و مهارت های حوزه وب هست! ”

1 – ساختاردهی به محتوای متنی

Html دستورات یا کدهایی داره که ساده هستن ولی مهم!

این دستورات مسئول تقسیم بندی و ساختاردهی محتوا در صفحات وب شناخته میشن. در واقع اینجا باید فونداسیون محتوارو طراحی و تنظیم کنید که چه شکلی به کاربر نمایش داده بشه و چطور به موتورهای جستجو معرفی بشه!

قسمت ‌های مختلفی مثل تیتر یا عنوان، پاراگراف، تصاویر، جداول و فرم ‌ها در مجموع باید طوری چیده و نمایش داده بشن که نظم و ساختار یکپارچه در صفحه وب برقرار باشه و هر بخش در جای مخصوص و با ویژگی های موردنظر نمایش داده بشه. به طور مثال تگ<h1> و  <h2>به ترتیب برای تیتر اصلی صفحه و زیر تیترهای اصلی استفاده میشن. موتورهای جستجویی مثل گوگل هم از طریق همین تگ ها تشخیص میدن تیترها کجا هستن و بر همین اساس اونهارو در نتایج جستجوی کاربران نمایش میدن…

این دستورات رو میتونیم معماری وبسایت در نظر بگیریم که تعیین میکنن هر قطعه از محتوا باید کجا و چگونه در صفحه یا وب سایت قرار بگیره تا به اندازه کافی کاربرپسند و زیبا به نظر بیاد. همه این اتفاقات در مجموع باعث بهبود تجربه کاربری و در نتیجه بهبود رتبه سایت در نتایج گوگل میشه. دیدید که همین موضوع به ظاهر ساده میتونه نقش خیلی زیادی در دیده شدن اون صفحه داشته باشه و کار میلیونها تومن تبلیغات رو انجام بده!

2 – لینک دهی

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

لینک دهی اینجا به کمک شما میاد. فقط کافیه یک کلمه یا جمله مرتبط با اون آدرس مثل ” دانلود ” یا ” اینجا کلیک کنید ” رو بنویسید و در قسمت کدنویسی به کمک تگ <a>، آدرس مربوطه رو براش تعریف کنید. به این ترتیب رنگ این نوشته در متن تغییر میکنه ( در واقع بهتره تغییر کنه) و کاربر با کلیک روی اون، به صفحه ای که آدرسش رو در تگ <a> تعریف کرده بودید منتقل میشه. اگر هم فایل بود اون رو دانلود میکنه.

واضحه که لینک ‌دهی در صفحات وب خیلی مهم هست چون وب سایت ها خیلی پیچیده تر و حرفه ای تر از قبل شدن و برای دسته بندی مطالب و راحتی کاربر و حتی معرفی منابع، به لینک دهی نیاز خواهد بود. به این ترتیب مرور و بازدید از جاهای مختلف یک وب سایت برای کاربر راحتتر میشه. در غیر این صورت باید به ازای هر محصول یا صفحه ای که نیاز داشت، یک بار اون رو در گوگل سرچ کنه!

3 – اضافه کردن تصاویر و چندرسانه ای ها

به جرات میشه گفت که جذاب ترین فاکتور هر وب سایت برای کاربران، وجود تصاویر و ویدیوهای باکیفیت و حرفه ای هست که علاوه بر زنده تر نشون دادن اون سایت، به خوبی بتونه نظر کاربر رو جلب کرده و مدتها اون رو سرگرم کنه. این قابلیت html به کمک دستوراتی مثل <img> برای تصاویر و <video> یا <audio> برای ویدیو و صدا، امکان اضافه کردن تصاویر، ویدیوها و صداهارو به صفحات وب فراهم میکنه.

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

بازم یادآوری میکنیم که هدف اکثر وب سایت ها، افزایش زمان ماندگاری و تعامل کاربر هست. رعایت نکات و به کاربر بردن اصولی قابلیت های چندرسانه ای توسط کدهای html میتونه رسیدن به این هدف رو برای صاحبان سایت ها آسون تر کرده و به افزایش رتبه در موتورهای جستجو کمک کنه.

4 – ایجاد و مدیریت فرم ها

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

از نظرات و پیشنهادات گرفته تا ایمیل ‌و اطلاعات شخصی، همگی میتونن کاندیدای لیست اطلاعاتی باشن که ما قراره از سمت کاربر دریافت کنیم و احتمالا نیازی به توضیح نیست که این موضوعات، در ارتباط با مخاطب و کاربر سایت چقدر مهم و حیاتی هستن!

از بعد فنی، کارهای مربوط به فرم ها با استفاده از تگ ‌هایی مثل <form> ، <input>،  <textarea>و <select> به همراه ابزارهایی مثل فیلدهای متنی، دکمه های ارسال، چک باکس ‌ها و منوهای کشویی انجام میشه که با حالت های مختلف میتونن اطلاعات مدنظر مارو از طرف کاربران دریافت کنن.

5 – ساخت لیست ها

Html دستورات دیگه ای داره که به ما کمک میکنن لیست ‌های مرتب و نامرتب رو به اشکال مختلف در وبسایتمون ایجاد کنیم. این لیست ها میتونن فهرست مطالب یک مقاله باشن یا ویژگی های یک گوشی هوشمند یا هر نوع داده ای که ما به نمایش لیستی و موردی اون نیاز داریم.

در html با استفاده از تگ هایی مثل <ul> و <ol> میتونیم لیست های نامرتب و مرتب رو ایجاد کنیم. لیست ‌های نامرتب شامل مواردی مثل نقطه یا بولت هستن که صرفا برای جداسازی نکات یا موارد در خطوط مجزا استفاده میشن و ترتیبشون اهمیتی نداره. در حالی که لیست های مرتب، شماره دار هستن و خیلی واضحه که به ازای هر آیتم در خط بعد یک واحد هم به شماره بعدی اضافه میشه تا ترتیب موارد کاملا مشخص باشه.

این تگ ها در مجموع کمک میکنن اطلاعات کلی تر یا مهمتر مثل تیترهارو به شکل منظم و سازماندهی شده به کاربران نشون بدیم. مثلا در یک وبسایت تکنولوژی، از لیست مرتب برای نمایش رده بندی بهترین گوشی های سال استفاده میشه و در بخش محتوای نقد و بررسی هر گوشی، لیست ‌های نامرتب برای بررسی قسمت های مختلف اون گزینه بهتری خواهند بود.

6 – عناصر هدر و فوتر

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

عناصر هدر (Header) معمولا شامل اطلاعات اولیه و مهمی مثل عنوان، منوی اصلی و لوگوی وبسایت هستن که در بالای صفحه وب قرار گرفته و جزو اولین مواردی خواهند بود که در زمان لود شدن سایت به کاربر نمایش داده میشن تا بدونه کجا اومده!

عناصر فوتر (Footer) هم که در پایین صفحه قرار میگیرن و معمولا شامل لینک های مهم مثل صفحات مختلف، اطلاعات تماس، لوگو، نماد اعتماد الکترونیک و … خواهند بود.

بنابراین هرچیزی که قرار هست در قسمت بالا یا پایین صفحات سایت به صورت ثابت به نمایش دربیاد، باید در این دوتا تگ مخصوص تعریف بشه. استفاده اصولی از این دو تگ مهم و قالب بندی درست بخش های هدر و فوتر هم از لحاظ سئو و هم کاربرپسند شدن محیط سایت میتونه تاثیر خیلی خوبی داشته باشه…

7 – تخصیص و تفکیک فضا

همونطور که در یک خونه، دیوار چینی مرزبندی اصلی بین قسمت های مختلف خونه رو انجام میده، تگ  <div>  هم برای ایجاد یک بخش یا قسمت مجزا و قابل تفکیک از سایر قسمت ‌ها به کار میره. در مثال فروشگاه موبایل، میشه یک بخش برای گالری تصاویر، یک بخش برای مشخصات فنی و یک بخش برای نقد و بررسی موبایل که هرکدوم فضای مخصوص خودشون رو دارن و با استفاده از این تگ تحت هیچ شرایطی محتواشون باهم تداخل پیدا نخواهد کرد.

8 – ایجاد جدول و مدیریت داده ها

این بخش از HTML ماموریت داره تا با استفاده از تگ ‌های <table>، <tr>، <td>و <th> امکانی رو فراهم کنه تا بتونید از جداول شخصی سازی شده برای نمایش داده ‌ها و ساختاردهی محتوای خودتون استفاده کنید.

کار ایجاد اولیه جدول با تگ <table> هست و بعد با استفاده از تگ ‌های <tr>، <td> و <th> میشه ساختار دقیقی برای اون طراحی کرد. هر <tr> نمایانگر سطر، <td> محتوای هر سلول در سطر و <th> برای سرستون ‌ها یا همون فیلدهاست.

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

9 – ایجاد فریم

این بخش از زبان HTML یک امتیاز مخفی هست که هنوز خیلی از توسعه دهنده ها به خوبی نمیشناسن یا حداقل برنامه خلاقانه ای برای استفاده از اون ندارن. با استفاده از تگ ‌ <iframe> میتونیم فریم ‌هایی رو به وبسایت اضافه کنیم که محتوا یا صفحات دیگه ای رو درون صفحه جاری نمایش بده. مثل اتفاقی که در سایت های خبری واسط می بینید که بدون هیچ زحمتی برای تولید اخبار، فقط اخبار یا صفحات سایت های دیگه رو نمایش میدن و کلی بازدید و سود هم از این طریق جذب میکنن!

استفاده از فریم ‌ها به وبسایت ‌ این امکان رو میده تا محتوای چندین منبع رو در یک صفحه جمع ‌آوری کنه بدون اینکه نیازی به هزینه و برنامه نویسی و تولید محتوا داشته باشه! هرچند که این روش همیشه بهترین گزینه نیست ولی در بعضی مواقع هم بهینه ترین حالت محسوب میشه.

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

10 – تعامل با موتورهای جستجو

تگ متا یا Meta بخش بعدی اجزای html هست که به ما کمک میکنه اطلاعات مربوط به وبسایت و صفحات رو به مرورگرها و موتورهای جستجو ارائه بدیم تا همونطور که ما میخوایم بشناسن و ایندکس کنن.

تگ ‌ Meta اطلاعات مهمی مثل توضیحات صفحه، کلمات کلیدی، نوع محتوا، تنظیمات زبان و سایر اطلاعات مربوط به صفحه رو به مرورگرها و موتورهای جستجو منتقل میکنه و در واقع یک ارتباط محرمانه با موتورهای جستجو برقرار میکنه چون دیتاهایی رو به اونها میده که معمولا از دید کاربران مخفی هستن.

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

11 – تعامل با جاوا اسکریپت و CSS

این بخش نکات خیلی زیادی داره اما به طور خلاصه بدونید که تگ <script> به ما این امکان رو میده که کدهای JavaScript رو به صفحات وبسایت خودمون اضافه کنیم. این تگ میتونه کدهایی رو برای انجام وظایف مختلف مثل اضافه کردن افکت ‌های تصویری، انیمیشن، اعتبارسنجی فرم ‌ها و ارتباط با سرور رو از جاوا اسکریپت به کار بگیره.

از طرف دیگه، تگ <link> کارش اینه که در مواقع لازم به فایل ‌های CSS  که قبلا ایجاد کردیم ارجاع بده تا استایل ها فراخوانی بشن. در واقع این تگ استایل های ظاهری مثل فونت ‌ها، رنگ ‌ها، چیدمان ‌ و مسائل دیگه رو از فایل ‌های CSS خارجی (جدا از صفحات) به صفحات وبسایت فراخوانی میکنه.

چگونه میتوانم یادگیری html را شروع کنم؟

در این مقاله سعی کردیم جواب سوال Html چیست؟ رو تا حدی که خسته کننده نباشه جواب بدیم اما قطعا مطالعه این مقاله به معنی یاد گرفتن html  نیست و برای تسلط روی اون حتما باید از منابع آموزشی معتبر کمک بگیرید تا به خوبی از پتانسیل آشکار و مخفی این زبان نشانه گذاری استفاده کنید.

خوبه بدونید در کنار منابع آموزشی بین المللی مثل w3school به عنوان یک رفرنس خارجی، سبزلرن به عنوان یک مرجع آموزشی باسابقه و متخصص برنامه نویسی در ایران، برای علاقه مندان به توسعه وب و به خصوص فرانت اند، خبرهای فوق العاده ای مثل رایگان شدن دوره آموزش صفر تا صد HTML رو داره که بهترین و ناب ترین فرصت برای ورود به دنیای پر رمز و راز وب هست.

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

از اینکه تا انتهای این مقاله با دقت و حوصله همراه ما بودید متشکریم.