در توسینسو تدریس کنید

و

با دانش خود درآمد کسب کنید

آموزش طراحی سایت با HTML و CSS قسمت 2 : Style ها و متن ها

Attribute ها خواص اضافی برای هستند که دارای اطلاعات اضافی درباره ی یک تگ HTML می باشند. از مهم ترین Attribute ها می توان id را نام برد که تگ ها را متمایز و class که تگ ها را گروه گروه می کند. خب حالا ما با تگ ها و attrinute های html آشنا هستیم و میخوهیم صفحه ای درست کنیم که داخل اون یک عنوان و یک پاراگراف نمایش داده شود. تگ p برای نمایش بند ها استفاده می شود و تگ های h1,h2,h3,h4,h5,h6 به ترتیب از کوچک به بزرگ عنوان های صفحه های HTML هستند.(سعی کنید در صفحات وب برای نوشتن عنوان ها از ترتیب کوچک به بزرگ استفاده کنید) خروجی: بعضی از تگ ها در HTML به شکلی نیستند که باز شوند و سپس بسته ! این تگ ها با Attribute ها مقدار لاظم خود را میگیرند و همانجا بسته می شوند!! در اینجا لیست بعضی از این تگها آورده شده است: به مرور با این تگ آشنا خواهیم شد. این تگ در قبل از body باز و بسته می شود و تگ هایی برای تنظیمات صفحه را در بر می گیرد. نمونه ای از این تگ ها title است که عنوان صفحه ی شما است و در قسمت Tab مرورگر نوشته می شود. خروجی: سپس یک عنوان و یک پاراگراف برای آن می گذارم: حالا می خواهم با CSS به آن Style بدم ولی نیاز است که در ابتدا شما با مفاهیم پایه ی CSS آشنا شوید. شما می توانید با استفاده از Attribute که html در اختیار شما گذاسته به تگ مورد نظرتون style اعمال کنید. شما می توانید تگ Style را داخل Head باز و بسته کنید و داخل آن شروع به نوشتن دستورات CSS کنید. شما می توانید با ستفاده از درست کردن فایلی با پسوند CSS و لینک کردن آن به صفحه ی خود با استفاده از تگ link که در Header باز و بسته می شود Style های خودتون رو به صفحه اعمال کنید. ما فعلا از نوع دوم استفاده خواهیم کرد و در جلسات بعد از نوع سوم بهره میگیریم.(نوع اول اصلا پیشنهاد نمی شود.) به این شکل میتوانیم از تگ style بهره ببریم. حالا باید با دستورات CSS آشنا شویم. ما برای دسترسی به تگ های HTML از طریق CSS نیاز به دستورات CSS داریم که بتوانیم دقیقا تگ یا تگ های مورد نظر خودمان رو Style دهی بکنیم . به دستوراتی که برای دسترسی به تگ های HTML نوشته می شوند Selector می گوییم. حالت کلی دستورات CSS به شکل زیر است: کد بالا تمام تگ های p استفاده شده در فایل html را انتخاب و آماده ی دادن style در داخل {,} می کند. "#" مشخص می کند که ما می خواهیم به یک تگ با یک آیدی دسترسی داشته باشیم و در جای tag- id نام Id قرار می گیرد.(راجع به Attribute های id وclass در جلسه ی قبل توضیح دادیم.) . مشخص می کند که مقصود ما تگ های دارای کلاس با نام class-name خواهد بود. راجع به Selector های پیشرفته تر در جلسات بعد توضیح خواهیم داد. ممنون از همراهی شما! محمد پارسا صفوی انجمن تخصصی فناوری اطلاعات ایران
#آموزش_css #طراحی_وبسایت_با_html #آموزش_طراحی_صفحات_وب #آموزش_طراحی_صفحات_وب_با_css #آموزش_طراحی_صفحات_وب_با_html #طراحی_وبسایت #آموزش_html #طراحی_وبسایت_با_html_و_css
عنوان
1 آموزش طراحی سایت با HTML و CSS قسمت 1 : مقدمه رایگان
2 آموزش طراحی سایت با HTML و CSS قسمت 2 : Style ها و متن ها رایگان
3 آموزش طراحی سایت با HTML و CSS قسمت 3 : لینک ها و CSS Property رایگان
4 آموزش طراحی سایت با HTML و CSS قسمت 4 : تگ های ساختاری و Selector رایگان
5 آموزش طراحی سایت با HTML و CSS قسمت 5 : Box Model رایگان
6 آموزش طراحی سایت با HTML و CSS قسمت 6 : Flaot ها رایگان
7 آموزش طراحی سایت با HTML و CSS قسمت 7 : Position ها رایگان
8 آموزش طراحی سایت با HTML و CSS قسمت 8 : لیست ، Background و عکس رایگان
9 طراحی وب سایت با کمک HTML و CSS - بخش نهم :: فرم ها و جداول رایگان
10 آموزش طراحی سایت با HTML و CSS قسمت 10 : کد نویسی اصولی رایگان
11 آموزش طراحی سایت با HTML و CSS قسمت 11 : انیمیشن ها رایگان
12 آموزش طراحی سایت با HTML و CSS قسمت 12 : طراحی واکنشگرا رایگان
زمان و قیمت کل 0″ 0
2 نظر
Gelareh Soluki

kheili mokhtasar tozih midid...makhsusan ye taze vared aslan nemifahme

پارسا صفوی

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

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر
×

تو می تونی بهترین نتیجه رو تضمینی با بهترین های ایران بدست بیاری ، پس مقایسه کن و بعد خرید کن : فقط توی جشنواره تابستانه می تونی امروز ارزونتر از فردا خرید کنی ....