۶) آموزش مقدمات HTML - تگ های اصلی + ویرایش متن

به نام خدا 

بخش اول: تگ های اصلی 

اولین تگی که برای نوشتن یه صفحه ی وب استفاده میشه، تگ ِ HTML هستش!

سایر تگ ها، بین ِ تگ ِ اول و تگ ِ آخر  HTML قرار می گیرن!

 

اکثر صفحهات وب  به دو قسمت ِ کلی Head و Body تقسیم میشن! 

 

Head برای تیتر اصلی صفحه و... هست و Body برای متن و... هستش، بعدا با کاربرد این دو تا تگ بیشتر آشنا میشی!  

با اضافه کردن سه تا تگ بالا، هیچ تغییری در ظاهر ِ صفحه ی وب ایجاد نمیشه! 

تیتر ها

برای تعیین یه تیتر اصلی واسه صفحه ی وبت، باید طبق شکل از تگ Title در قسمت ِ Head، استفاده کنی! 

همانطور که میبینی، تیتر صفحه در قسمت ِ تیتر پنجره ی IE نشون داده میشه!

تیتر صفحه برای موتورهای جستجو خیلی مهمه! 

اگه میخوای توی صفحه تیترهای فرعی با سایز های مختلف داشته باشی، باید در قسمت ِ Body، از تگ Header استفاده کنی!

تگ Header، شش سطح داره، که اولی از همش بزرگتره و ششمی کوچیکتر! 

 

بخش دوم: تگ هایی برای ویرایش متن  

تعیین چینش

ویژگی align، یکی از کاربردی ترین ویژگی ها هست که میشه ازش توی تگ هایی مثل Header، Table،  Paragraph و ... استفاده کرد! 

اگه میخوای چینش یه متن رو تغییر بدی، می تونی از ویژگی ِ Align در تگ ِ Paragraph استفاده کنی!

برای راست چین کردن یه متن کافیه که طبق شکل align رو مساوی با right قرار بدی! 

 

حالا یه بار هم به جای left, right و center از Justify برای ویژگی ِ align، استفاده کن و ببین چی میشه!

Enter & Space 

اگه میخوای بیای سرخط از تگ ِ Break استفاده کن!

Break، دقیقا مثل دکمه ی Enter عمل میکنه!  خط رو میشکنه و بقیشو میندازه پایین!

در شکل زیر تفاوت دو تگ ِ Break و Paragraph نشون داده شده! 

 

Paragraph بر خلاف ِ Break، بین ِ خطوط فاصله ایجاد می کنه! 

اگه تو یه متن ده تا تگ ِ Paragraph رو پشت سر هم تایپ کنیم، با تایپ کردن ِ یه تگ ِ Paragraph تفاوتی نمیکنه و فقط به اندازه ی یک پاراگراف فاصله ایجاد میشه، اما تایپ کردن ده تگ ِ Break، ده خط فاصله رو ایجاد میکنه! 

 

ویژگی مشترک این دو تا تگ هم اینه که هیچ کدوم نیازی به تگ پایانی یا تگ آخر ندارن!  

NonBreaking SPace

برای ایجاد فاصله ی افقی بین کلمات یا حروفرو بینشون تایپ کن! 

درست مثل دکمه ی Space عمل میکنه! 

 

خط افقی

برای کشیدن یه خط افقی توی متنت، باید از تگ ِ Horizontal rule استفاده کنی!

با ویژگی ِ size می تونی ضخامت خط رو تعیین کنی، همچنین می تونی از ویژگی ِ width برای تعیین ِ طول خط بهره ببری!

با NoShade هم می تونی سایه دار بودن ِ خط رو حذف کنی! 

 

همانطور که میبینی برای تعیین width یه بار از عدد ِ خالی استفاده شده و یه بار هم از درصد، اگه میخوای بدونی تفاوت این دو تا چیه عرض پنجره ی IE رو کوچیک و بزرگ کن! 

اگه با ویژگی width، طول رو مشخص نکنی، درست مثل این میمونه که width رو برابر با 100% قرار بدی!

راستی Horizontal rule هم نیازی به تگ پایانی نداره!

بزرگ و کوچک کردن قسمت هایی از متن

برای بزرگ و کوچیک کردن قسمت هایی از یه متن، از تگ Big و Small استفاده کن! 

 

در تصویر بالا تفاوت تگ های Big و Bold مشخصه!

خط کشیدن روی متن

با تگ ِ Strike می تونی روی کلمه یا متن خط بکشی! 

هم میتونی حرف اول ِ Strike رو تایپ کنی و هم کل کلمه رو!

اعداد یا حروفی که یه ذره بالاتر از متن اصلی هستن، بهشون میگن SuperCript  

اعداد یا حروفی که یه ذره پایین تر از متن اصلی هستن، بهشون میگن SubsCript  

برای نوشتن اعداد یا حروفی بالاتر یا پایین تر از متن اصلی، باید طبق شکل زیر عمل کرد! 

 

درس دوم: ویرایش متن 

یه سوال: دوس داری تو درس بعد چیا  گفته بشه!؟