آموزش html  – قسمت چهاردهم

    ما در قسمت های قبلی با معرفی المان های اصلی html  نحوه ساخت یک صفحه  اچ تی ام الی به صورت پایه را کار کردیم و یاد گرفتیم که چگونه می توان با تگ ها یک صفحه html  را پایه گذاری کرد.
    در این قسمت و چند قسمت آتی سعی داریم با معرفی دیگر المان های html  نحوه زیبا سازی صفحات برای تعامل بهتر با کاربر
    (user interface)  کار را پیش ببریم.

    در گذشته تمام این کار ها(زیبا سازی صفحات) در خود صفحات html  انجام می شد، اما امروزه توسط زبان css  این بار کمی از روی html  کاسته شده است.

    در این آموزش به شما خواهیم گفت که چگونه شما میتوانید المان ها و صفت هایی خود را برای تغییر انتخاب کنید و صفت ها و ابزار آن و نحوه کار با آنها را به شما معرفی خواهیم کرد ، پس با درسمن همراه باشید …

     

    Css  در کجا نوشته می شود؟

    دسته اول – css  های خطی : به این معنی که ما کد های سی اس اس را به صورت مستقیم داخل تگ ها بنویسیم.

    دسته اول – css  های داخلی : به این معنی که دستورات سی اس اس ها داخل تگ هد قرار بگیرند.

    دسته اول – css  های پانچ : به این معنی  که کد های سی اس اس را در فایل های جداگانه قرار دهیم.

     

    css  های خطی :   برای قرار دادن کد های css  داخل صفحات به صورت خطی و مستقیم ما باید از برچسب  style داخل همان تگ به صورت زیر استفاده کنیم:

    <div style = “color : red; width:500px;”> hi </div>

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

     

    css  های داخلی : در این نوع استایل دهی به زبان css  باید تگ style  را در داخل تگ head  و زیر تایتل صفحه به صورت زیر استفاده میکنیم :

                                                < head >

                                                                                          < title >

                              < /title>

                  < style >

                                }   .div

                 ;   color : red

               ;     width:500px

                                    {

                  < / style>

           < /head>

     

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

     

     

     

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


    برای مشاهده دوره رایگان HTML، باید در درسمن عضو باشید.

    اگر هنوز عضو درسمن نیستید، از طریق لینک زیر اقدام نمایید.

    ثبت‌نام در درسمن


    مشاهده دوره برای اعضا درسمن

     

© تمامی حقوق مطالب برای وبسایت هفت دیزاین محفوظ است و هرگونه کپی برداری بدون ذکر منبع ممنوع و شرعا حرام می باشد.
قدرت گرفته از : بک لینکس