Html ابزاری است که با استفاده از چیزهایی به نام تگ‌ها، اقدام به ساخت قالب کلی صفحات وب میکند. به این معنا که شما با استفاده از اچ تی ام ال میتوانید فوندانسیون و اسلکت اصلی وبسایت خود را طراحی کنید.
اگر کمی با طراحی وب آشنایی داشته باشید، حتما میدانید که طراحی وب ۲ مرحله اصلی دارد:
در واقع هرکاری که HTML انجام میدهد، از طریق تگ ها انجام میدهد و این تگ ها هستند که به Html قدرت میدهند.
تگ ها در HTML میتوانند لینک ها، لیست ها، پاراگراف ها، جداول، عکس و همه چیز را بسازند و شما با استفاده از تگ هاست که میتوانید صفحات وب خود را اسکلت بندی کنید.
حال که مفهوم اچ تی ام ال را درک کرده اید، بهتر است به کاربرد های اچ تی ام ال بپردازیم، اچ تی ام ال را بهتر است یک ابزار بدانیم که به کمک آن میتوان قالب کلی صفحات وب را طراحی کرد؛ به عبارت دیگر شما میتوانید با استفاده از اچ تی ام ال پی ریزی سایت خودتان را انجام دهید.
به صورت کلی، طراحی وب در 2 مرحله اصلی انجام میشود که مرحله اول به وسیله اچ تی ام ال صورت میگیرد و ساختار بندی اصلی صفحات وب است و مرحله دوم اما به کمک CSS انجام میشود که در این مرحله به جذابیت های ظاهری مانند رنگ و … پرداخته می شود.
ذکر این نکته نیز لازم است که هر چند که برای داشتن یک سایت حرفه ای و کامل نیاز به استفاده از زبان های برنامه نویسی مانند ASP ،PHP ،HTML ، CSS است، اما به جز اچ تی ام ال هیچ کدام برای مرورگر ها به راحتی قابل فهم نیستند، مرورگر ها تنها قادر به نشان دادن کد ها و عناصری هستند که با کد های اچ تی ام ال نوشته شده باشند.
حتماً متوجه هستید که HTML با CSS و JS ستون های اصلی یک سایت هستند و زبان مهمی در دنیای اینترنت به حساب می آیند؛ اچ تی ام ال هم مانند هر زبان دیگری، معایب خاص خودش را دارد؛ اما مزایایی هم دارد که هنوز هم قهرمان این عرصه است…
زمانی که در مورد اچ تی ام ال صحبت میکنیم، یعنی نرم افزاری که این توانایی را میدهد تا بتوانیم کدهای اچ تی ام ال و یا دیگر زبان های برنامه نویسی را ویرایش کنیم.
آخرین ورژن HTML، همان 5 HTML است که در مورد آن اشاره هایی را داشتیم؛ ویرایشگر HTML به طراح وب این اجازه را میدهد که به صورت همزمان تغییراتی که اعمال میکنند را مشاهده کنند، این کار با تقسیم کردن صفحه به دو قسمت امکان پذیر است که بخش اول کدهای HTML است و بخش دوم ایجاد تغییرات در کد ها و طراحی آن ها؛ هدف از طراحی ابزار ویرایشگر اچ تی ام ال این بود که بتوان کد های شکسته و ناکارآمد را کاهش داد یا از میان برد.
این امکان برای شما وجود دارد که بتوانید تمام سایت خودتان را بصورت آفلاین کد گذاری کنید، یعنی تمامی موارد را در سیستم خودتان ذخیره کنید و بعد تمامی آن ها را به وب انتقال دهید؛ هر زمانی که محتوای جدید دارید، کافی است تا آن را به نسخه آنلاین موجود در سایت اضافه کنید!
سه روش وجود دارد که بتوانید CSS را به عناصر Html خود اضافه کنید که در زیر هر کدام را توضیح می دهیم.
در روش InLine، استایل های هر عنصر را داخل تگ های HTML گذاشته میشود.
در روش اینترنال، کدهایی که مربوط به صفحه باشند، در بخش <head> و در داخل تگ <style> نوشته میشوند، این کد ها باید CSS باشند.
این روش را می توانیم بهترین و رایج ترین روش برای اضافه کردن CSS به اچ تی ام ال بدانیم، هر نوع استایلی که نوشته شود، در یک فایلی جدا نوشته می شود که پسوندش CSS باشد، در نهایت لینک آن در قسمت هدر هر صفحه قرار داده می شود.
اچ تی ام ال پرکاربردترین زبان برای طراحی فرانت اِند است، HTML و هم چنین CSS و JavaScript ضروری ترین عناصر فرانت اِند هستند، اگر میخواهید متخصص فرانت اِند شوید، یادگیری این موارد ضروری است.
