advertise laitec sharif univercity
سورس پروژه پایانی وب سایت و نرم افزار کلینیک در ASP.net

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

48000 تومان
دانلود سورس اندروید اپلیکیشن افزایش سرعت گوشی

دانلود سورس اندروید اپلیکیشن افزایش سرعت گوشی

18000 تومان
دانلود پروژه فروشنده دوره گرد با الگوریتم ازدحام ذرات PSO در #C

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

10000 تومان
دانلود PDF مجموعه 300 نکته جالب برنامه نویسی در سی شارپ #C

دانلود PDF مجموعه 300 نکته جالب برنامه نویسی در سی شارپ #C

10000 تومان
دانلود سورس n وزیر با جست وجوی ممنوع در سی شارپ #C

دانلود سورس n وزیر با جست وجوی ممنوع در سی شارپ #C

10000 تومان

استایل و المان های فرمت متن در 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
آشنایی با استایلها و عناصر فرمت HTMLفرمت italic و Emphasized در HTMLفرمت bold و strong در HTMLفرمت superscript در HTMLرنگ متن در HTMLترازبندی متن HTMLعناصر قالب بندی متن در HTMLاستایل های اچ تی ام القالب بندی small در HTMLقالب بندی inserted در HTMLفونتهای HTMLفرمت marked در HTMLHTML Stylesفرمت subscript در HTMLخصیصه استایل HTMLHTML Text Formatting Elementsاندازه متن HTMLانواع فرمتهای متن HTMLالمانهای فرمتهای مختلف اچ تی ام الفرمت deleted در HTML لیست برچسب ها
تمامی حقوق این سایت اعم از محتوی ، تصاویر ، قالب و ... متعلق به گروه مهندسی وب سایت سورس کد می باشد.
SourceCodes.ir ، افقی روشن برای برنامه نویسان ، از مبتدی تا حرفه ای

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

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