آموزش html & css

آموزش html & css

اسلاید 1: HTML & CSS

اسلاید 2: HTML

اسلاید 3: :HTMLمقدمه ای بر وب و تمام صفحات وب با نوعی از HTML ساخته میشود.همه صفحات وب شامل دستورالعمل هايی برای نمايش توسط مرورگر ها هستند، و مرورگر ها با خواندن اين دستورالعمل ها صفحات را نشان می دهند. دستورالعمل های نمايش صفحات وب، برچسبهای HTML(hyper text markup language) نامیده میشود.

اسلاید 4: Head, Body, Title and Meta Tags :HTML ساختار کلی

اسلاید 5: به هر یک از < > تگ گفته میشود. در داخل این تگ ها کلماتی با مشخصات خاص خودشون قرار میگیرند. باید توجه داشت که بعد از قرار گرفتن محتوا آن تگ باید آن تگ بسته شود.(به جز در برخی موارد) برای مثال: <P>this is test</P> در اینجا / نماد بسته شدن تگ است.

اسلاید 6: Opening tag: <tag name[attribute =“valu”]> closing tag: </tag name> closing and opening tag: container tag

اسلاید 7: htmlکدهای دارای سه صفت عمده هستند:1.حجم کدها برای اینکه صفحه دارای ساختار باشند زیاد است.2.برای تغیر دادن ساختارها شما باید به صورت دستی تغییرات را در کدها انجام دهید که هم زمان بر است و هم درصد خطای آن بالاست.3.در بعضی موارد کاملا ضعف دارد و به هیچ عنوان نمیتوان تغییری در این کد انجام داد.مانند strongبودن تگ bold استفاده میکنند.cssپس برای رفع این مشکلات طراحان وب از

اسلاید 8: نمایش متن:<br> <b> <strong> <i> <em> <u><super> <sub> <big> <small> <strike>>HR><img><center><H1>,<H2>,<H3>,<H4><P>

اسلاید 9: عنوان ها: نمایش داده میشوند.<h6>تا <h1>عنوان ها توسط تگ کوچکترین عنوان است. <h6< بزرگترین عنوان و تگ <h1>که تگ

اسلاید 10: پاراگراف: ایجاد میشوند:<p>پاراگراف توسط تگ

اسلاید 11: شکست خطوط : استفاده میشود که بخواهیم یک خط را پایان دهیم و به خط بعدی <br>هنگامی از تگ برویم و ادامه متن به خط بعدی منتقل میشود. این تگ در انتها بسته نمیشود.

اسلاید 12: چند تگ اساسی و کاربرد آن :

اسلاید 13: به مثال زیر توجه کنید: