بزارید با مثال بهتون توضیح بدم که بهتر متوجه بشید. فرض کنید شما می‌خواید یه آدمی رو درست کنید. یه آدمی که بتونه سرپا بشه و ظاهر درستی داشته باشه و بتونه حرکاتی انجام بده و کلاً زنده بشه.
خب پس میریم یه آدم بسازیم. صبر کنید. کجا دارید میرید؟ خاک نیاز نداریم برای ساختن آدم 
خب توی برنامه نویسی ما می‌خوایم یه آدمی رو بسازیم. پس اول باید اسکلت آدم رو تعریف کنیم. خب. اول میگیم آدم سر داره. بعد بدن داره. بدن باید دست و پا داشته باشه. خب دست خودش شامل 10 تا انگشت هست. هر انگشت شامل بخش‌بندی‌ها و . هست. بعد دوباره میریم سراغ پا و دوباره میگیم پا هم 10 تا انگشت داره و ادامه ماجرا.
خب HTML همینه. یعنی بخش‌های سایت (یا توی این مثال بدن انسان) رو توش تعریف می‌کنیم.
خب یه مشکلی هست اینجا!!! ما فقط گفتیم که یه انسان این‌ها رو داره. می‌دونید چطوری میشه فرض کرد؟ در اصل مثل اینه که ما یه سر درست کردیم انداختیم توی یه کیسه‌ای. بعد گفتیم آدم دست داره و توی دست هم انگشت هست و . و انداختیم توی همون کیسه دوباره. بعد پا و . و دوباره پاها رو هم انداختیم توی همون کیسه. بیچاره آدمی که ساختیم. یعنی معلوم نیست سرش کجاست، دستاش کجاست، پاهاش کجاست و . . هر قسمت بدنش یه جایی افتاده. خب HTML همینه. کار ما توی HTML فقط اسکلت بندی سایت رو مشخص کردنه. برای اینکه با یه نظمی کنار هم قرار بگیرن، باید اسکلت ها رو به ترتیبی که می‌سازیم بزاریم زیر هم. بعد با CSS که توی مبحث مربوط به خودش توضیح می‌دم بهتون که چیه، بهش میگیم که هر بخشی کجا باید قرار بگیره. در اصل HTML برای اسکلت‌بندی هست و CSS برای اینه که بهش نظم بدیم، رنگ بدیم، ظاهرشو مرتب کنیم و اونطوری که می‌خوایم بهش رنگ و لعاب بدیم.
درباره این سایت