Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

Formatting texts فرمت های متن ها

در قسمت قبل با تگهايي آشنا شديد که کنترل کلي نمايش متن را به عهده داشتن و در اين صفحه تگهايي را مياموزيد که کنترل نمايش حروف از لحاظ سايز، ضخامت، نوع آرايش و قرارگيري آنها در کلمه را بعهده دارند که به اين نوع تگها formatting  ميگويند.

<font></font>
 براي مشخص کردن نوع يا شکل حروف ، رنگ و يا اندازه آنها از اين تگ استفاده ميکنيم که داراي خصوصيات زير ميباشد.
مثال

face=" "  اين خصوصيت نوع فونت را تعيين ميکند که بايد برابر با يکي از فونتهاي استاندارد سيستم عامل قرار دهيد.

 size=" "اندازه هر حرف را تعيين ميکند که از اعداد يک تا هفت با علامت مثبت به نشانه افزاينده و با علامت منفي به نشانه کاهش سايز استفاده ميشود.

  color=" "براي کنترل و تعيين رنگ حروف اين تگ را ميتوان بکار برد.

<big></big> , <small></small>  
براي تعيين اندازه حروف در يک حد خاص از اين تگها استفاده ميشود.
مثال

 <b></b> 
 متن بين آنها بصورت توپر bold ظاهر ميشود.
مثال

 <i></i> 
 براي نوشتن حروف بصورت کج italic  اين تگ را بکار ميبريم.
مثال

<u></u> 
 
اين تگ خطي زير کلمات خواهد کشيد.
مثال

<s></s>  
گاهي اوقات نياز داريم که روي يک حرف يا کلمه خط بکشيم، بطور مثال ميخواهيم روي قيمت قديمي کالا خط بکشيم و قيمت جديد آنرا کنارش بنويسيم که در اينصورت اين تگ را بکار خواهيم برد، همچنين از تگ<strike>  ميتوان بجاي آن استفاده کرد.
مثال

نکته:  تگ هايي مانند <b><i><u><s> را physical مينامند يعني متن بکار رفته در آنها بصورت آنچه که انتظار داريم نمايان ميشوند اما در مقابل، تگ هاي  logical هم هستند که تنظيمات مرورگرها در آنها موثر خواهند بود.

<sup></sup>  
حروف يا اعداد بين آنها بالاتر از سطر ظاهر خواهند شد، مانند عدد توان در رياضيات.
مثال

<sub><sub>  
حروف يا اعداد پايين تر از سطر نوشته ميشوند، مانند عدد ظرفيت در فرمولهاي شيمي.
مثال

<tt></tt>  
نوشته بين آنها بصورت حروف تايپي ظاهر ميشود و خاصيت آن در اينست که کليه حروف به يک اندازه جا اشغال ميکنند.
مثال

 <em></em>
  اين تگ مانند تگ <i> عمل ميکند و جزو تگهاي Logical  است. 
مثال

<strong></strong>
 
اين تگ هم مانند  <b> عمل ميکند و در ضمن logical  است. مثال

نکته:  مزيت استفاده تگهاي logical به تگهاي physical   در اينست که در کليه مرورگرها به نمايش در ميايند ولي در بعضي از مرورگرها ممکن است تگ  physicalعمل نکند.

 <cite></cite>
  براي جمله هاي نقل قول ميتوان ازش استفاده کرد که مانند <i> عمل ميکند و در ضمن logical  هم هست.
مثال

 <blockquote></blockquote>
اين تگ مانند <p>  وظيفه پاراگراف بندي را به عهده دارد با اين تفاوت که حاشيه بيشتري را در نظر ميگيرد و اگر براي دو دفعه متوالي استفاده شود، پاراگراف دوم با حاشيه دو برابر نسبت به اولي نمايان ميشود. در ضمن براي خطوط ساده از  <q>  ميتوان استفاده کرد.
مثال

<acronym></acronym>
 کاربرد اين تگ براي مختصرنويسي است يعني اگر يک کلمه مانند HTML  داريد با استفاده از آن ميتوانيد کلمات کامل را در يک کادر کوچک به اسم tooltip  قرار دهيد و هنگاميکه کاربرموس را روي آن کلمه ببرد اين کادر باز شده و آنها را نمايش دهد.کلمات کامل را بايد در خصوصيت title=" "  قرار دهيد.
مثال

<acronym title="radiodetecting and ranging"> RADAR </acronym>

<abbr></abbr>
اين تگ هم مانند تگ بالا است با اين تفاوت که در مرورگر چيزي را نمايش نميدهد.

 <code></code>  
اگر شما نياز داشتيد تا داخل يک صفحه از وب در مورد کد زبانهاي برنامه نويسي صحبت کنيد، ميتوانيد آنها را بين اين دو تگ قرار دهيد، همچنين براي متغيرها هم از تگ  <var></var> ميتوان استفاده کرد.
مثال

<dfn></dfn>
اين تگ نمايانگر کلمه definition و براي توصيف يک متن بکار ميرود که آن متن بصورت مايل ظاهر خواهد شد.
مثال

<kbd></kbd> 
 اين هم نمايانگر کلمه keyboard است که حروف را بصورت ساده و تايپي نشان ميدهد.
مثال

<samp></samp>
نمايانگر کلمه sample است و براي نمايش نمونه کارتوليد شده از يک برنامه بکار ميرود.
مثال

<del></del>
هنگاميکه بخواهيد يک مطلب را حذف کنيد از اين تگ استفاده ميکنيد و يک خطي روي متن بين آنها کشيده ميشود که بطور معمول با تگ <ins> بکار ميرود. اين تگ داراي دو خصوصيت منحصر ميباشد، cite=" " که ميتواند آدرس يک فايل باشد تا توضيحي راجع به علت حذف آن مطلب بدهد و date=" " که تاريخ و زمان حذف را معين ميکند.
مثال

<ins></ins>
اين تگ هم بطور معمول با <del> بکار برده ميشود و براي مشخص کردن يک مطلب وارد شده است که داراي خصوصيات درج شده در تگ <del> نيز ميباشد و همچنين اين دو تگ داراي خصوصيت title=" " هم ميباشند که در آن يک پيغام براي بيان علت حذف يا اضافه مطلب ميتوان نوشت.
مثال

 


نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4371
تعداد اعضا : 36548
افراد آنلاین : 5
بازدید امروز : 766
بازدید دیروز : 1,140
گوگل امروز : 65
گوگل دیروز : 108
بازدید هفته : 4,281
بازدید ماه : 29,686
بازدید سال : 245,364
بازدید کلی : 10,639,840