advertise laitec sharif univercity تبلیغات در سایت سورس کد تبلیغات در سایت سورس کد
دانلود سورس پروژه فروشگاه کیف با asp.net و sql express

دانلود سورس پروژه فروشگاه کیف با asp.net و sql express

3000 تومان
دانلود پایان نامه وب سایت مهندسی پزشکی با ASP.net

دانلود پایان نامه وب سایت مهندسی پزشکی با ASP.net

12000 تومان
دانلود پروژه فروشنده دوره گرد با الگوریتم گرانشی در #C

دانلود پروژه فروشنده دوره گرد با الگوریتم گرانشی در #C

4800 تومان
سیستم اتوماسیون دهیاری ، پروژه مهندسی نرم افزار

سیستم اتوماسیون دهیاری ، پروژه مهندسی نرم افزار

3000 تومان
دانلود برنامه رنگ آمیزی گراف با الگوریتم عقبگرد در سی شارپ

دانلود برنامه رنگ آمیزی گراف با الگوریتم عقبگرد در سی شارپ

3000 تومان

استایل و المان های فرمت متن در HTML

در این پست استایلهای عناصر HTML و همچنین المانهای مختلف قالب بندی متن HTML را مورد بررسی قرار خواهیم داد
استایل و المان های فرمت متن در HTML

استایل و المان های فرمت متن در HTML

ظاهر طراحی HTML

هر عنصر HTML یک استایل پیش فرض دارد، (رنگ پس زمینه سفید است و رنگ متن سیاه) . تغییر استایل پیش فرض عناصر HTML را میتوان با استفاده از مشخصه style عملی کرد. بعنوان مثال در کد زیر رنگ پس زمینه را از سفید تبدیل به خاکستری روشن میکند: ( در مثالها به جای() از علامتهای <> استفاده کنید)

(body style="background-color:lightgrey")
  (h1)This is a heading(/h1)
  (p)This is a paragraph.(/p)
(/body)

توجه داشته باشید که صفت Bgcolor، در نسخه های قدیمی تر HTML پشتیبانی میشود و در HTML5 معتبر نیست.

 

♦ صفت style در HTML

سینتکس مشخصه style بصورت  "style="property:value  میباشد. property یک ویژگی CSS و value یک مقدار CSS است. برای به یاد آوری ویژگی های مهم CSS میتوانید به پست های مربوط به بخش آموزش CSS مراجعه کنید. در آنجا بطور کامل میتوانید با این ویژگی ها آشنا شوید. در اینجا مختصری از این ویژگی ها و عملکرد آنها را میبینید.

 

♦ رنگ متن در HTML

خاصیت color رنگ متن را تعریف می کند که برای عنصر HTML مورد استفاده قرار گیرد:

(body)
  (h1 style="color:blue">This is a heading(/h1)
  (p style="color:red">This is a paragraph.(/p)
(/body)

 

♦ فونتهای HTML

ویژگی font-family فونت عناصر HTML را تعریف میکند: (تگ font نیز فقط در نسخه های قدیمی HTML پشتیبانی میشود و در HTML5 معتبر نیست.)

(body)
  (h1 style="font-family:verdana">This is a heading(/h1)
  (p style="font-family:courier">This is a paragraph.(/p)
(/body)

 

♦ اندازه متن HTML

ویژگی font-size اندازه متن را تعیین میکند و در عناصر HTML استفاده میشود.

 

♦ ترازبندی متن HTML

خاصیت text-align چیدمان افقی متن را در عناصر HTML مشخص میکند:

(body)
  (h1 style="text-align:center">Centered Heading(/h1)
  (p)This is a paragraph.(/p)
(/body)

 

 

المان های قالب بندی متن در HTML

در مثالهای قبلی در مورد استایل و ظاهر طراحی شده HTML، با استفاده از ویژگی style چیزهایی بیان کردیم. HTML همچنین المانها و عناصر خاصی را برای تعریف متن با مفاهیم خاصی تعریف میکند. برای مثال در HTML با استفاده از عناصری مانند "تگ b" و "تگ i" برای فرمت خروجی به شکل bold (به شکل درشت) و italic (حروف مورب) است.

عناصر قالب بندی که در ادامه مشاهده میکنید، برای نمایش انواع خاصی از متن طراحی شده اند:

 

♦ فرمت bold و strong در HTML

عنصر "b" در HTML متن را به شکل درشت نمایش میدهد، بدون هیچگونه اهمیت اضافی. المان "strong" نیز متن را به شکل درشت نشان میدهد که برای موتور جستجو نسبت به bold اهمیت بیشتری دارد.

(p)This text is normal.(/p)

(p)(b)This text is bold(/b).(/p)

 

♦ فرمت italic و Emphasized  در HTML

تگ "i" نیز متن را به صورت ایتالیک (مورب) نشان میدهد. تگ "em" نیز مثل عنصر i عمل میکند با این تفاوت که متنی که در آن از این تگ استفاده شده است ، از اهمیت بیشتری برخوردار خواهد بود.

 

♦ قالب بندی small در HTML

تگ "small"متن HTML را بصورت کوچک نشان میدهد. 

(h2)HTML (small)Small(/small) Formatting(/h2)

 

♦فرمت marked در HTML

برای تعریف متن مشخص شده و یا هایلایت در HTML نیز از تگ "mark" استفاده میشود.

 

♦فرمت deleted در HTML

از تگ "del" برای نشان دادن بخشی از متن که حذف یا برداشته شده است، در عناصر HTML استفاده میشود.

(p)My favorite color is (del)blue(/del) red.(/p)

 

♦ قالب بندی inserted  در HTML

عنصر "ins" در HTML جهت تعریف بخشی از متن که مندرج یا اضافه شده به کار میرود.

 

♦ فرمت subscript در HTML

استفاده از تگ "sub" متنی را که مشخص کرده است بصورت زیر نویس نشان میدهد:

(p)This is (sub)subscripted(/sub) text.(/p)

 

♦ فرمت superscript در HTML

عنصر "sup" در HTML نیز متن را بصورت بالانویس نشان میدهد:

(p)This is (sup)superscripted(/sup) text.(/p)

 

 



0
نظرات

نظر خود را ارسال کنید



نام:
ایمیل:
دیدگاه:
captcha
کد امنیتی :


advertise
فرمت subscript در HTMLآشنایی با استایلها و عناصر فرمت HTMLخصیصه استایل HTMLHTML StylesHTML Text Formatting Elementsالمانهای فرمتهای مختلف اچ تی ام الفونتهای HTMLاستایل های اچ تی ام الاندازه متن HTMLفرمت marked در HTMLقالب بندی small در HTMLفرمت bold و strong در HTMLفرمت superscript در HTMLعناصر قالب بندی متن در HTMLفرمت italic و Emphasized در HTMLانواع فرمتهای متن HTMLرنگ متن در HTMLفرمت deleted در HTMLقالب بندی inserted در HTMLترازبندی متن HTML لیست برچسب ها
تمامی حقوق این سایت اعم از محتوی ، تصاویر ، قالب و ... متعلق به گروه مهندسی وب سایت سورس کد می باشد.
SourceCodes.ir ، افقی روشن برای برنامه نویسان ، از مبتدی تا حرفه ای

سفارش پروژه در سورس کد

پیشنهادات ویژه سورس کد

پکیج ویژه پروژه پایانی رشته کامپیوتر دانلود مجموعه 70 پروژه کاربردی سی شارپ وب سایت فروشگاه با php