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

و

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

آموزش HTML گام به گام قسمت 5 : استایل و فرمت متن ها

استایل: توسط تگ style می توان برای اجزای اچ تی ام ال یا در واقع تگ های اچ تی ام ال یک استایل کلی تعیین کرد:

<tagname style="property:value;"> 

خب در قسمت tagname شما باید نام تگ مورد نظر را بنویسید. مثلا تگ h1 در قسمت property نام استایل مورد نظرتان را بنویسید. مثلا استایل color (در مورد این استایل ها صحبت خواهیم کرد.) و در قسمت Value مقدار property مورد نظر را باید بنویسید مثلا برای color می توانید مقدار red را ذکر نمایید. در زیر به چند نمونه مهم اشاره می شود:

1.رنگ زمینه یک فایل اچ تی ام ال:

<body style="background-color:blue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>

background-color: یکی از property های مهم در سی اس اس می باشد که مقدار آن در این قسمت برابر آبی می باشد.

2.رنگ متون:

<h1 style="color:blue;">This is a heading</h1>

Color نیز از آن دسته استایلهای مهم در سی اس اس می باشد. که مقدار آن در این خط کد برابر آبی است.

3.فونت متون:

<h1 style="font-family:verdana;">This is a heading</h1>

توسط استایل font-family می شود فونت مربوط به یک متن را تغییر دهید، توجه داشته باشید توسط این کد تنها در صورتی فونت مربوطه نمایش داده می شود که آن فونت روی سیستم مشاهده کننده نصب شده باشد.

4.اندازه متون:

<h1 style="font-size:300%;">This is a heading</h1>

برای تغییر اندازه متون می توانید از استایل font-size استفاده کنید. البته مقدار آن را هم می توان با درصد هم به شکل عدد ساده نوشت.

5.تراز بندی متون:

<h1 style="text-align:center;">Centered Heading</h1>

با استایل text-align به سادگی می توانید متن را در بین قسمت های راست، چپ و وسط صفحه به نمایش بگذارید. مقدار center به معنای مرکز یا وسط می باشد.

چند نکته مهم در Style در html

  1. تمام قسمت های تگ style داخل " " قرار می گیرند.
  2. مقدار یک استایل با خود استایل با علامت : جدا می شوند.
  3. در آخر هر مقدار دهی باید از علامت ; استفاده کنید.

فرمت متون در HTML

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

  • <b> - قوی کردن متن
  • <strong> - مهم نشان دادن متن (قوی کردن متن)
  • <i> - کج کردن متن
  • <em> - کج کردن متن
  • <mark> - مارک دار کردن متن با پشت زمینه زرد
  • <small> - متن کوچک
  • <del> خط کشیدن روی متن
  • <ins> زیر خط دار کردن متن
  • <sub> - متن زیر نویس
  • <sup> - متن بالا نویس برای مثال در توان گذاری اعداد

نکته: بعضی از تگ ها دارای یک عملکرد هستند مثل دو تگ اول در لیست، کاربرد این طور تگ ها برای مرورگر ها و موتورهای جستجوگر مهم تر هستند. برای مثال اگر صرفا جهت نمایش می خواهید متنی را نمایش بدهید از b استفاده کنید، اما اگر متن شما حائز اهمیت است از strong این شرایط برای em و i نیز به همین شکل می باشد.

نویسنده : ارسطو عباسی

منبع : جزیره طراحی و توسعه وب وب سایت توسینسو

هرگونه نشر و کپی برداری بدون ذکر منبع و نام نویسنده دارای اشکال اخلاقی می باشد

#آموزش_style_در_html #قالب_متن_در_html #مبانی_html #آموزش_تگ_ها_در_html #آموزش_html #استفاده_از_style_در_html #استفاده_از_فونت_در_html #آموزش_گام_به_گام_html #آموزش_مقدماتی_html_و_css #آموزش_مقدماتی_html
عنوان
1 آموزش HTML گام به گام قسمت 1 : معرفی و آشنایی کلی رایگان
2 آموزش HTML گام به گام قسمت 2 : دستورات مقدماتی و معرفی ساختار رایگان
3 آموزش HTML گام به گام قسمت 3 : صفحات یا Attributes و نکات مربوطه رایگان
4 آموزش HTML گام به گام قسمت 4 : عنوان بندی و تگ های جدید رایگان
5 آموزش HTML گام به گام قسمت 5 : استایل و فرمت متن ها رایگان
6 آموزش HTML گام به گام قسمت 6 : نقل قول و درج توضیحات رایگان
7 آموزش HTML گام به گام قسمت 7 : استفاده از رنگ رایگان
8 آموزش HTML گام به گام قسمت 8 : CSS چیست و مقدمات آن رایگان
9 آموزش HTML گام به گام قسمت 9 : لینک ها رایگان
10 آموزش HTML گام به گام قسمت 10 : تصاویر رایگان
11 آموزش HTML گام به گام قسمت 11 : جداول رایگان
12 آموزش HTML گام به گام قسمت 12 : لیست ها رایگان
13 آموزش HTML گام به گام قسمت 13 : بلاک و کلاس ها رایگان
14 آموزش HTML گام به گام قسمت 14 : قاب بندی رایگان
15 آموزش HTML گام به گام قسمت 15 : تگ عنوان یا Head رایگان
16 آموزش HTML گام به گام قسمت 16 : چند قانون ساده رایگان
17 آموزش HTML گام به گام قسمت 18 : فرم ها رایگان
18 آموزش HTML گام به گام قسمت 19 : کنترل ها و اجزای فرم رایگان
19 آموزش HTML گام به گام قسمت 20 : انواع ورودی رایگان
20 آموزش HTML گام به گام قسمت 21 : خاصیت های تگ input رایگان
21 آموزش HTML گام به گام قسمت 22 : چندرسانه/ویدیو و صدا رایگان
22 آموزش HTML گام به گام قسمت 23 : مدیریت بهتر لایه های وب رایگان
زمان و قیمت کل 0″ 0
0 نظر

هیچ نظری ارسال نشده است! اولین نظر برای این مطلب را شما ارسال کنید...

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

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