نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی. پرتال اطلاعاتی
  • خانه
  • ویندوز 8
  • فونت ویژگی های Html. فونت (چهره، اندازه و رنگ)، Blockquote و تگ های پیش - قالب بندی متن قدیمی در HTML خالص (بدون استفاده از CSS)

فونت ویژگی های Html. فونت (چهره، اندازه و رنگ)، Blockquote و تگ های پیش - قالب بندی متن قدیمی در HTML خالص (بدون استفاده از CSS)

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

نحو

متن

گزینه ها

شرح پارامترهای برچسب


پارامتر COLOR

رنگ متن داخل ظرف را تنظیم می کند .

نحو

...

آنالوگ CSS -color

پارامتر FACE

پارامتر چهره برای تعیین نوع فونت مورد استفاده برای متن استفاده می شود. می توانید چندین نام فونت را لیست کنید که با کاما از هم جدا شده اند. در این صورت، اگر اولین فونت مشخص شده یافت نشد، مرورگر از فونت بعدی در لیست استفاده می کند.

نحو

...

آرگومان ها هر تعداد نام فونت هستند که با کاما از هم جدا شده اند. خانواده فونت های جهانی:

  • سریف- فونت های سری (عتیقه)، مانند Times.
  • بدون دندانه- فونت‌های sans-serif (فونت‌های بدون سریف یا sans serif)، یک نماینده معمولی Arial است.
  • خط شکسته- فونت های مورب؛
  • فانتزی- فونت های تزئینی؛
  • تک فضا- فونت های monospace، عرض هر کاراکتر در این خانواده یکسان است.

آنالوگ CSS - font-family

پارامتر SIZE

اندازه قلم را در واحدهای دلخواه از 1 تا 7 تنظیم می کند. اندازه متوسط ​​استفاده شده به طور پیش فرض 3 است. اندازه قلم را می توان به عنوان یک مقدار مطلق (مثلاً اندازه = "4") یا به عنوان یک مقدار نسبی (برای برای مثال، size="+1" size="-1"). در مورد دوم، اندازه نسبت به پایه تغییر می کند. اندازه فونت نه تنها تحت تأثیر پارامتر اندازه مشخص شده، بلکه تحت تأثیر انتخاب نوع فونت قرار می گیرد. بنابراین، فونت Arial بزرگتر از فونت Times به نظر می رسد و فونت Verdana کمی بزرگتر از فونت Arial است. این ویژگی را در انتخاب فونت و اندازه آن در نظر بگیرید.

نحو

...

آرگومان یک عدد صحیح از 1 تا 7 یا افزایش یا کاهش مقدار با استفاده از نمادهای + و - است.

در آخرین مقاله در مورد نحوه استفاده از آنها و غیره به شما گفتم. و امروز در مورد یکی دیگر از اجزای جدایی ناپذیر در ساخت وب سایت، یعنی ویژگی های تگ های html به شما خواهم گفت. و البته طبق سنت با استفاده از نمونه های زنده به آنها نگاه می کنیم و آن را در وب سایت خود با Lukomorye که در مقاله قبلی معرفی کردیم امتحان خواهیم کرد.

یک ویژگی افزودنی ویژه به یک برچسب است که قابلیت های آن را گسترش می دهد و می تواند ویژگی های محتوا را تغییر دهد. و اگر تگ همیشه ثابت باشد، آن خصیصه می تواند مقادیر زیادی داشته باشد. مثلا در تگ ما می توانیم ویژگی های رنگ متن، اندازه متن، فونت و غیره را قرار دهیم. اما در مقاله دیگری با جزئیات بیشتر به فونت نگاه خواهیم کرد.

صفات جهانی و غیرجهانی وجود دارد. یونیورسال تقریباً برای هر برچسبی مناسب است و موارد غیر جهانی برای یک یا چند مورد مناسب است، اما نه همه ...

مشخصه در داخل تگ بعد از مقدار آن، اما قبل از براکت زاویه بسته شدن نوشته می شود. ابتدا خود خصیصه و سپس علامت برابر و سپس خود مقدار در گیومه قرار می گیرد. به نظر می رسد این است:

متن

از این مثال چه نتیجه ای حاصل می شود؟ یک پاراگراف را باز کردیم و در داخل تگ مشخصه align را که وظیفه تراز کردن متن را بر عهده دارد قرار دادیم. در مرحله بعد علامت "=" را قرار می دهیم که به این معنی است که یک مقدار به این ویژگی اختصاص می دهیم. بیشتر در نقل قول ما این مقدار را می نویسیم. در این مورد "مرکز" است. این بدان معنی است که متن در این پاراگراف (و فقط این!) در مرکز قرار می گیرد. خودت آن را امتحان کن.

اما فراموش نکنید که وب سایت را بررسی کنید کتاب html. در آنجا قطعاً خواهید یافت که چه چیزی با چه چیزی مطابقت دارد. این به سادگی یک مرجع دسکتاپ برای هر توسعه دهنده وب، به ویژه یک مبتدی است.

تراز کردن

همانطور که قبلا متوجه شدید، این ویژگی به معنای تراز متن است. معمولاً در آن تگ هایی قرار می گیرد که مسئولیت خود محتوا (متن، تصاویر و ...) را بر عهده دارند. به طور کلی می توانید آن را در سرفصل های (

,...,

، در پاراگراف های (

)، تصاویر ، عنصر بلوک (

).

مقادیر ویژگی ممکن:

  • چپ - تراز چپ (پیش‌فرض)
  • راست - تراز راست
  • مرکز - تراز وسط
  • توجیه - تراز تمام عرض

سعی کنید تمرین کنید و ببینید چیدمان عناصر شما چگونه تغییر می کند.

عنوان

نام آشنا، درست است؟ واقعا چنین برچسبی وجود دارد و ما آن را بین آنها قرار می دهیم و . اما اکنون من به طور خاص در مورد ویژگی صحبت می کنم، و تقریباً با هر برچسبی مطابقت دارد، زیرا جهانی است. و هنگام شناور شدن به عنوان یک اشاره مورد نیاز است. و نکته اینجاست که این سرنخ را خودتان می نویسید. چیزی شبیه این به نظر می رسد:

5-3 چیست؟

اینجا چه می بینیم؟ در ابتدا پاراگراف را باز می کنیم، سپس خود صفت را می نویسیم و به آن مقدار «چرا احمق هستی؟» می دهیم. 2 خواهد بود." در ادامه متن نمایش داده شده را می نویسیم و در پایان تگ را می بندیم

.

بعد از این چه اتفاقی می افتد؟ سند را ذخیره کنید و خودتان ببینید. وقتی ماوس را روی متن می‌برید، یک راهنمای ابزار باید ظاهر شود.

مقادیر چندگانه

یک تگ می تواند دارای هر تعداد مشخصه باشد. نکته اصلی این است که آنها با این برچسب مطابقت دارند. در اینجا یک مثال است:

محتوا

همانطور که می بینید، همه چیز در اینجا کاملاً ساده است، فقط باید تمام ویژگی های جدا شده با یک فاصله را در یک تگ بنویسید. از این مثال می بینیم که محتوا در سمت راست تراز می شود و وقتی با نشانگر ماوس روی آن قرار می گیریم، یک راهنمای ابزار ظاهر می شود. ساده است. امیدوارم همه چیز روشن باشد؟

خوب، حالا بیایید به لوکوموری خودمان برگردیم، کاری که در درس گذشته انجام دادیم.

نمونه زنده

  • تمام متن سند را با "Lukomorye" در مرکز (همراه با عنوان) تراز کنید.
  • در عنوان سطح اول این نکته را قرار دهید که «نویسنده اثر A.S. پوشکین"

اگر فایل تکمیل شده درس قبلی را ندارید، آن را بردارید و تمام ویژگی های لازم را وارد کنید تا همه چیز مطابق با وظیفه کار کند.

و طبق سنت در ابتدا همه کارها را خودتان انجام دهید. و اگر کار نکرد، مراحلی که در زیر نوشتم را ببینید.


پس از آن، سند html را ذخیره کرده و اجرا کنید. بیایید بررسی کنیم که چه چیزی به دست آورده ایم. آیا همه چیز درست است؟ من فکر می کنم همه چیز باید برای شما خوب باشد. اما با این حال، من احساس می کنم که بسیاری از شما از گذاشتن صفات در هر رباعی خسته شده اید. من به شما نشان خواهم داد که چگونه این فرآیند را آسان تر کنید.

اگر نیاز دارید که همان ویژگی را در بخش بزرگی قرار دهید، تگ در این مورد به ما کمک می کند

. یک DIV به سادگی یک عنصر بلوک خالی است که به عنوان نوعی محفظه برای یک گروه بندی عمل می کند. شما می توانید ویژگی های مختلفی را در اینجا قرار دهید تا آنها را به یک قطعه مشترک اعمال کنید. و اگر به طور کلی می خواهید یک ویژگی را برای کل سند اعمال کنید، می توانید آن را به طور کلی در تگ اصلی بنویسید .

به طور کلی، در این مورد، لازم نیست ویژگی align="center" را در هر تگ قرار دهید. فقط باید قرار بدی

قبل از عنوان، و آن را با
در پایان کل متن خب داخل
تنظیم align="center"، اما فقط یک بار. به نظر من خیلی سریعتر و راحت تر است و در نهایت همین اتفاق می افتد.

خوب چطور؟ آیا اصل کلی را درک می کنید؟ ما فقط به مطالعه بیشتر ادامه خواهیم داد. نکته اصلی این است که شما اصل چیدمان برچسب ها و ویژگی ها را درک می کنید. در صورت لزوم سوالات خود را بپرسید. من خوشحال خواهم شد که به آنها پاسخ دهم.

خوب، برای آموزش کامل در اصل ایجاد یک وب سایت، تماشای یک دوره ویدیویی عالی را توصیه می کنم " HTML5 و CSS3 از ابتدا تا حرفه ایدر آنجا شما HTML، CSS را یاد خواهید گرفت، یاد خواهید گرفت که چگونه سایت های کارت ویزیت، وبلاگ ها و حتی فروشگاه های آنلاین را چیدمان کنید. این دوره برای یک توسعه دهنده وب مبتدی به سادگی عالی است.

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

با احترام، دیمیتری کوستین.

< FONT اندازه=… رنگ=... صورت=...> متن FONT>

اندازه- مجموعه ها اندازه فونت، که توسط متن موجود در عنصر FONT استفاده خواهد شد. شما می توانید اندازه فونت مطلق را با تعیین یک عدد صحیح از 1 تا 7 تعیین کنید. برای یک فونت نیز می توانید مشخص کنید اندازه نسبی، اختصاص دادن ویژگی یک عدد صحیح امضا شده (برای مثال، این می تواند SIZE="+1" یا SIZE="-2" باشد).

رنگ- نشان می دهد رنگ، که این قطعه از متن را برجسته می کند. رنگ ها به عنوان یک مقدار RGB با نماد هگزا دسیمال مشخص می شوند یا یک مقدار نمادین یکی از رنگ های استاندارد انتخاب می شود.

صورت- مجموعه ها نوع فونت، برای مثال FACE=ARIAL.

متن - متن تله تایپ (تک فضا).

متن - سبک با فونت ایتالیک ( مورب).

متن- سبک با پررنگفونت

متن U>- سبک با خط کشیمتن

متن بزرگ>- چاپ متن با فونت افزایش اندازه(بزرگتر از متن اطراف).

متن کوچک>- چاپ متن با فونت کاهش اندازه(کوچکتر از متن اطراف).

متن SUB>- چاپ متن با شیفت رو به پایین ( زیرنویسیا بین خطی).

متن SUP>- چاپ متن با شیفت به بالا ( بالانویسیا بالانویس).

متن اعتصاب>یا < اس> اس> - سبک با خط خطی متن.

تگ های خاص html

برچسب بزنید< نشانی> برای برجسته کردن نویسنده سند و آدرس او (به عنوان مثال، ایمیل) استفاده می شود.

برخی از شخصیت ها هستند شخصیت های کنترلدر HTML و فقط با استفاده از دنباله های ESC به متن اضافه می شوند:

    براکت زاویه سمت چپ "<" - <

    براکت زاویه راست ">" ->

    علامت "&" - &

    دو نقل قول """ - "

تعداد زیادی دنباله ESC برای کاراکترهای خاص وجود دارد، مانند " " برای  و "®" برای . یکی از ویژگی ها جایگزینی کاراکترهای قسمت دوم جدول نمادها (بعد از کاراکتر 127) با توالی فرار برای انتقال فایل های متنی با زبان های ملی از طریق کانال های 7 بیتی است.

توالی های ESC حساس به حروف کوچک و بزرگ: نمی توان به جای آن استفاده کرد<.

متداول ترین تگ های استفاده شده در جدول 2 نشان داده شده است.

جدول 1.2 - تگ های اساسی برای طراحی یک سند HTML

صفت

تابع

نسخه= خط

نشان دهنده نسخه HTML است که برای ایجاد این سند استفاده شده است

متن محصور شده در برچسب ها به صورت مورب نمایش داده می شود

تگ HEAD - تگ های شروع و پایان قسمت سر یک سند HTML

برچسب زدنعنوان- تگ های عنوان شروع و پایانHTML-سند

برچسب زدنآ- تگ های شروع و پایان که به شما امکان می دهد یک لینک (ویژگیhref) یا شناسه قطعه (ویژگینام) عنوانHTML-سند

href= آدرس اینترنتی

نشانی اینترنتی سند هدف هایپرلینک را مشخص می کند (اگر لنگر نام نباشد لازم است)

روش ها= فهرست

فهرستی از روش های نمایش خاص مرورگر را مشخص می کند (با کاما از هم جدا شده اند)

نام = خط

نام شناسه قطعه را مشخص می‌کند (اگر این یک لنگر پیوند فرامتن نباشد، لازم است)

rel= ارتباط

رابطه این سند با سند هدف مشخص می شود

دور = ارتباط

هدف = نام

نام قاب یا پنجره نمایش سند که با پیوند نشان داده شده است را مشخص می کند.

عنوان= خط

نام منبع یکنواخت مستقل از مکان را برای این لینک مشخص می کند

برچسب زدننشانی– متن محصور شده در این تگ ها یک آدرس است

برچسب زدنب– متن محصور شده در این تگ ها به صورت پررنگ نمایش داده می شود

برچسب زدنپایه- پایه نشان داده شده استURLبرای همه اقوامURLدر این سند

صفت

تابع

href= آدرس اینترنتی

URL پایه را مشخص کنید

هدف = نام

پنجره هدف پیش فرض را برای همه پیوندها تنظیم می کند در سند عمدتاً برای تغییر مسیر پیوندها به فریم های دیگر در نظر گرفته شده است. چهار مقدار ویژه وجود دارد: _blank، _parent، _self و _top

برچسب زدنBASEFONT- اندازه فونت را برای متن بعدی مشخص می کند

صفت

تابع

اندازه = معنی

برچسب زدنبزرگ- متن محصور شده در برچسب ها با اندازه فونت بزرگتر نمایش داده می شود

برچسب زدنبدن- برچسب های شروع و پایان بدنه سند

alink= رنگ

رنگ پیوندهای فرامتن فعال در یک سند را تنظیم کنید

پس زمینه = آدرس اینترنتی

URL تصویر پس زمینه را مشخص می کند

bgcolor= رنگ

رنگ پس زمینه سند را تنظیم کنید

bgproperties= معنی

اگر معنیبرابر ثابت است، از پیمایش تصویر پس زمینه همراه با محتوای سند جلوگیری می کند (I.E.2 و بالاتر)

حاشیه چپ = میانگین nنه

اندازه (بر حسب پیکسل) حاشیه سمت چپ سند را تنظیم کنید (I.E.2 و بالاتر)

لینک= رنگ

تنظیم رنگ پیوندهای فرامتن «بازدید نشده» در یک سند

متن= رنگ

رنگ متن معمولی را در یک سند تنظیم کنید

topmargin= معنی

اندازه حاشیه بالای سند را (بر حسب پیکسل) تنظیم کنید (I.E.2 و بالاتر)

vlink= رنگ

تنظیم رنگ پیوندهای "بازدید شده" در یک سند

برچسب زدنBR- جریان متن فعلی را بشکنید و آن را از ابتدای خط بعدی از سر بگیرید

صفت

تابع

"wrap" شی را تنظیم می کند که مکان آن با مقدار این ویژگی (چپ، راست یا همه) نشان داده می شود. وقتی روی یک خط جدید می پیچید، متن به گونه ای قرار می گیرد که شیء قابل مشاهده باشد

برچسب زدنمرکز– قرار دادن متن محصور در تگ ها در مرکز

برچسب زدننقل قول- متن محصور شده در برچسب ها یک نقل قول است

برچسب زدناظهار نظر- نظر در متن سند. نظرات در هر مرورگری قابل مشاهده خواهد بود. برای همه مرورگرها، نظر به صورت نمایش داده می شود

برچسب زدنDD- قسمت توصیفی را برای عنصر لیست تعریف تنظیم می کند

برچسب زدنDFN- متن محصور شده در برچسب ها به عنوان یک تعریف قالب بندی می شود

برچسب زدنD.L.- ایجاد لیستی از تعاریف حاوی برچسب ها< dt> و< DD>

برچسب زدنD.T.- یک بخش توصیفی-شرطی برای عنصری از فهرست تعاریف مشخص شده است

برچسب زدنEMBED– تگ های شروع و پایان که به شما امکان می دهد شی جاسازی شده در سند را توصیف کنید. بسته به نوع شی تعبیه شده، ممکن است پارامترهای اضافی علاوه بر موارد ذکر شده در زیر گنجانده شود.

صفت

تابع

URL شی جاسازی شده را مشخص می کند. این ویژگی مورد نیاز است

ارتفاع= n

ارتفاع منطقه ای را که شی داخلی اشغال خواهد کرد را مشخص می کند

نام = نام

نام شی جاسازی شده را مشخص می کند

عرض منطقه ای را که شی داخلی اشغال خواهد کرد را مشخص می کند

برچسب زدنFONT- تنظیم اندازه، رنگ یا نوع نوشتار محصور شده در برچسب ها

صفت

تابع

رنگ متن محصور شده در برچسب ها را تنظیم کنید

چهره = لیست

تنظیم تایپ متن برچسب گذاری شده (اولین نام فونت فهرست شده در لیست جدا شده با کاما را تنظیم می کند)

اندازه = معنی

اندازه فونت پایه را تنظیم کنید. محدوده - از 1 تا 7

برچسب زدنHn- متن محصور شده در برچسب ها نشان دهنده عنوان سطح استn. مقادیر ممکنn- از 1 تا 6

صفت

تابع

تراز = نوع

نحوه تراز کردن عنوان را مشخص می‌کند: چپ (پیش‌فرض)، مرکز، یا راست (راست)

برچسب زدنمنابع انسانی- جریان متن فعلی را بشکنید. یک خط کش افقی در نقطه شکست قرار می گیرد.

صفت

تابع

تراز = نوع

نحوه تراز شدن خط کش را مشخص می کند: چپ، مرکز (پیش فرض)، یا راست

هنگام نمایش خط کش از سایه های حجمی استفاده نکنید

تنظیم ضخامت خط کش به تعداد صحیح پیکسل

عرض= معنی

برچسب زدنمن- متن محصور شده در برچسب ها به صورت مورب نمایش داده می شود

برچسب زدنIMG- یک تصویر در جریان متن فعلی درج می شود

صفت

تابع

alt= متن

متن جایگزین را برای مرورگرهایی که تصاویر را پشتیبانی نمی کنند تنظیم می کند

مرز= n

ضخامت (بر حسب پیکسل) حاشیه تصاویر موجود در لینک ها را تنظیم کنید

افزودن کنترل‌های پخش برای کلیپ‌های ویدیویی تعبیه‌شده (I.E.2 و بالاتر)

Dynasrc= آدرس اینترنتی

تنظیمURL-آدرس کلیپ تصویری( I.E. 2 و بالاتر)

قد= n

ارتفاع تصویر را بر حسب پیکسل تنظیم می کند

Hspace= n

محل قرارگیری نواحی فضای آزاد را در سمت چپ و راست تصویر با عرض تنظیم می کند nپیکسل

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

حلقه = معنی

تعداد تکرارهای پخش ویدیو را تنظیم کنید. معنیمی تواند یک عدد صحیح یا بی نهایت باشد (I.E.2 و بالاتر)

Lowsrc= آدرس اینترنتی

با یک تصویر با وضوح پایین مشخص شده است که مرورگر باید ابتدا آن را بارگیری کند. پس از آن تصویر مشخص شده توسط ویژگی دنبال می شود (I.E.2 و بالاتر)

نشانی اینترنتی منبع تصویری که قرار است پخش شود را مشخص می کند. این ویژگی مورد نیاز است

شروع= شروع کنید

زمان پخش کلیپ ویدیویی را مشخص می‌کند (گزینه‌ها: باز کردن فایل یا ماوس)

Usemap= آدرس اینترنتی

ناحیه ای از تصویر را که به حرکت ماوس حساس است مشخص می کند

Vspace= n

محل قرارگیری مناطق npixel فضای آزاد در بالا و پایین تصویر را مشخص می کند

عرض تصویر را بر حسب پیکسل مشخص می کند

برچسب زدنKBD- متن محصور شده در برچسب ها کاراکتر به کاراکتر وارد می شود (مانند تایپ از صفحه کلید)

برچسب زدنارتباط دادن- در عنوان (< سر >) یک سند، پیوندی از این سند به سند دیگر تعیین می شود

صفت

تابع

href= آدرس اینترنتی

روش ها= فهرست

بسته به مرورگر، فهرستی از روش‌های نمایش را برای این پیوند تنظیم می‌کند (با کاما از هم جدا می‌شوند)

rel= ارتباط

رابطه این سند با سند هدف مشخص می شود. برای اینترنت اکسپلورر 3.0، rel=style به معنای وجود یک شیوه نامه خارجی است

دور = ارتباط

بازخورد سند هدف با داده ها تعیین می شود

نشانی اینترنتی شیوه نامه خارجی که برای قالب بندی سند استفاده می شود را مشخص می کند ( I.E.2 و بالاتر)

عنوان= خط

عنوان سند هدف را تنظیم می کند

نوع= متن/css

یک نام منبع جهانی برای سند هدف، مستقل از مکان آن مشخص شده است

برچسب زدننقشه- ناحیه تصویر حساس به حرکت ماوس تعیین می شود

صفت

تابع

نام = خط

نام این منطقه را مشخص می کند. این ویژگی مورد نیاز است

برچسب زدنNOBR- شکستن در متن محصور شده در برچسب ها مجاز نیست

برچسب زدنپ– تگ های شروع و پایان پاراگراف

تراز = نوع

نحوه تراز کردن متن در پاراگراف را تنظیم می کند: چپ، مرکز یا راست

برچسب زدنPLAINTEXT- مشخص می کند که بقیه سند باید پردازش نشده، به عنوان متن از پیش قالب بندی شده نمایش داده شود

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

مرورگر متن را طوری قرار می دهد که (در صورت امکان) n کاراکتر روی خط قرار گیرد

برچسب زدناس

برچسب زدنSAMP- متن محصور شده در برچسب ها یک الگو است

برچسب زدنکم اهمیت- متن محصور شده در برچسب ها با اندازه فونت کوچکتر نمایش داده می شود

برچسب زدنSPACER- یک جداکننده در سند وارد کنید(فقطن3)

نوع= نوع

نوع جداکننده مشخص شده است: عمودی - یک فضای خالی با اندازه مشخص بین دو خط متن قرار می گیرد؛ افقی - یک فضای خالی با اندازه مشخص شده بین کلمات یا کاراکترها قرار می گیرد؛ بلوک - درج یک ناحیه مستطیل شکل

عرض جداکننده افقی یا ارتفاع جداکننده عمودی (بر حسب پیکسل) را مشخص می کند

عرض جداکننده بلوک را مشخص می کند

ارتفاع= n

ارتفاع جداکننده بلوک را مشخص می کند

تراز = معنی

مشخص می کند که چگونه جداکننده بلوک نسبت به متن اطراف تراز شود.

برچسب زدنطول- متن محصور شده در برچسب ها با استفاده از یک شیوه نامه قالب بندی می شود(فقطI.E.3 و بالاتر)

صفت

تابع

سبک= عناصر

عناصر برگه سبک برای متن در یک فاصله مشخص مشخص می شوند

برچسب زدنضربه- متن محصور شده در برچسب ها با یک خط افقی از طریق آن نمایش داده می شود

برچسب زدنزیر- متن محصور شده در برچسب ها به عنوان یک زیرنویس نمایش داده می شود

برچسب زدنSUP- متن محصور شده در تگ ها به عنوان بالانویس نمایش داده می شود

برچسب زدنTT- متن محصور شده در برچسب ها با فونت monospace نمایش داده می شود

برچسب زدنVAR– متن محصور شده در تگ ها نشان دهنده نام متغیر است

رنگ فونت در سایت را می توان با استفاده از کد HTML تنظیم کرد. یک برچسب برای این وجود دارد فونت. طبق تعریف، یک برچسب فونتبه عنوان نوعی "پوشش" یا "محفظه" برای متن عمل می کند که با کنترل ویژگی های آن می توانید طراحی متن را تغییر دهید.

برچسب بزنید فونتبه شرح زیر اعمال می شود:

سازنده وب سایت "نوبکس"

ساده ترین راه برای تغییر رنگ فونت در HTML استفاده از ویژگی است رنگبرچسب زدن فونت:

سازنده وب سایت "نوبکس"

این رنگ آبی را برای کلمه ای که توسط برچسب احاطه شده است تعیین می کند فونت.

اما علاوه بر پارامتر رنگ، تگ ویژگی های دیگری نیز دارد.

ویژگی های تگ FONT

برچسب بزنید فونتفقط سه ویژگی دارد:

  • رنگ- رنگ متن را تنظیم می کند.
  • اندازه- اندازه متن را تنظیم می کند.
  • صورت- خانواده فونت را مشخص می کند.

پارامتر رنگمی تواند با نام رنگ (به عنوان مثال "قرمز"، "آبی"، "سبز") یا یک کد هگزادسیمال (مانند #fa8e47) مشخص شود.

صفت اندازهمی تواند مقادیر را از 1 تا 7 بگیرد (پیش فرض 3 است که مربوط به 13.5 امتیاز برای فونت Times New Roman است). گزینه دیگر برای تعیین ویژگی "+1" یا "-1" است. این بدان معنی است که اندازه نسبت به پایه به ترتیب 1 بیشتر یا کمتر تغییر می کند.

بیایید به استفاده از این ویژگی ها در مثال خود نگاه کنیم:

تغییر رنگ فونت با استفاده از HTML

سازنده وب سایت "نوبکس"

ما تگ را اعمال کردیم فونتبرای یک کلمه، آن را به اندازه 6، رنگ نارنجی و خانواده فونت "Serif" تنظیم می کنیم.

تنظیم رنگ متن با استفاده از CSS

اگر نیاز به اعمال قالب بندی خاصی دارید (مثلاً تغییر رنگ متن) در چندین قسمت از متن، استفاده از کد CSS مناسب تر خواهد بود. یک ویژگی رنگ برای این وجود دارد. بیایید نحوه استفاده از آن را در مثال خود بررسی کنیم:

تغییر رنگ فونت با استفاده از CSS

سازنده سایت های "نوبکس"

در اینجا یک رنگ آبی برای کلمه “Designer” (اندازه آن، به طور پیش فرض، 100% پایه است)، یک رنگ سبز و یک اندازه 125% برای کلمه “sites”، یک رنگ نارنجی و یک اندازه 150٪ برای کلمه "Nubex".

علاوه بر استفاده از اندازه‌ها و سبک‌های فونت استاندارد (تایپ‌فیس)، می‌توانید با استفاده از برچسب‌های خاص، فونت‌هایی را برای هر قطعه متن تعریف کنید. ساده ترین راه استفاده از به اصطلاح است سبک های فیزیکی:

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


<НЕАD><ТIТLЕ>سبک های بدنی

<В>پررنگ
حروف کج
استرس گرفت
خط کشیده شد
<ТТ>ماشین تحریر
<ВХ1>کج با حروف درشت
<ВХ1><и>با خط مورب پررنگ زیر خط کشیده شده است


برنج. 649. سبک های بدنی

شما می توانید یک تگ سبک فیزیکی را در داخل یک تگ عنوان وارد کنید تا کل عنوان یا فقط بخشی از آن را تغییر دهید. به عنوان مثال، برای ایتالیک کردن بخشی از متن تعریف شده به عنوان عنوان، می توانید از ساختار زیر استفاده کنید:


<НЕАD><ТIТLЕ>سبک های فیزیکی و منطقی

<Н2>این - اصلاح شدههدر سطح 2

برنج. 650. تغییر سبک فونت بخشی از عنوان

استفاده از تگ مخصوص می توانید فونت را برای تصاویر متنی سفارشی کنید: نوع، اندازه و رنگ را تنظیم کنید. اول از همه، می توانید اندازه فونت اصلی را که در سند استفاده می شود به طور پیش فرض تعیین کنید. تگ فونت اصلی دارای فرمت است . اندازه فونت اصلی را می توان از 1 تا 7 تنظیم کرد. اگر از این تگ استفاده نمی کنید، اندازه فونت اصلی پیش فرض روی 3 تنظیم می شود.
برچسب زدن اندازه فونت فعلی را برای تک تک قطعات متن تنظیم می کند. این برچسب روی استایل ها تاثیری ندارد. محدوده مقادیر ممکن از 1 تا 7 است. این تگ همچنین به شما امکان می دهد اندازه فونت فعلی را نسبت به قلم اصلی کنترل کنید. برای این کار، از علامت + (برای افزایش) و نماد - (برای کاهش) اندازه فونت به مقدار مشخص استفاده کنید. به عنوان مثال، اگر اندازه فونت بدنه روی 3 تنظیم شده باشد، تگ اندازه فونت فعلی را روی 5 تنظیم می کند.
برای تنظیم نوع فونت، از تگ استفاده کنید . مثلا:

اگر این تگ در سند شما استفاده نمی شود، مرورگر از فونت تنظیم شده در اولویت خود استفاده می کند. بنابراین، متن روی صفحه کاربر ممکن است کاملاً متفاوت از تصور شما باشد. همچنین باید در نظر داشته باشید که اگر فونتی که تعیین می کنید بر روی رایانه کاربر نصب نباشد، مرورگر متنی را با فونت پیش فرض نمایش می دهد.
شما می توانید در تگ فهرستی از فونت ها را نشان می دهد که با کاما از هم جدا شده اند. در این حالت مرورگر از اولین فونت یافت شده استفاده می کند. به عنوان مثال، می توانید یک برچسب بنویسید:

FACE="Arial, Sans Serif, Courier">

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

آرگومان ویژگی COLOR یک نمایش هگزادسیمال از کد رنگ (اجزای قرمز، سبز و آبی، با نام مستعار اجزای RGB) است. برنامه زیر مدیریت فونت را نشان می دهد:


<НЕАD><ТIТLЕ>نصب فونت

<Р>فونت آریا ABVGDEZZHIK
<Р>فونت پیک ABVGDEZZHIK
<Р>فونت SYMBOL ABVGDEZZHIK


برنج. 651. استفاده از فونت های مختلف

توجه داشته باشید که در تگ می توانید از برخی یا همه ویژگی های ممکن آن استفاده کنید. مثلا:

در فرمول های ریاضی و همچنین برای پاورقی ها، اغلب از شاخص هایی استفاده می شود که از نظر موقعیت (کمی بالاتر یا پایین تر) و اندازه با متن اصلی متفاوت است. برچسب ها در خدمت این هدف هستند و به ترتیب برای شاخص های بالا و پایین.


<НЕАD><Т1ТLЕ>شاخص ها/NEAD>

<НЗ>نمونه ای از استفاده از شاخص ها
<Р>(5+x 2)x+3

آ 1+ الف 2+ الف 3
<Р>پانویسها و منابع 2



برنج. 832. استفاده از حروف نویس و زیرنویس

علاوه بر مواردی که در بالا مورد بحث قرار گرفت، برچسب های قالب بندی متن دیگری نیز وجود دارد:

  • - انتخاب آدرس ایمیل، آدرس پستی و
    شماره تلفن؛
  • <СIТЕ> - برجسته کردن نقل قول ها؛
  • , - ضبط متون برنامه، ثابت های نمادین.
  • - وارد کردن متون از صفحه کلید

سه سبک آخر از یک فونت تک فاصله (معمولاً Courier) استفاده می کنند. به عنوان مثال، حروف I و Ж در فونت monospace فضای یکسانی را اشغال می کنند. استفاده از فونت های monospace به دلیل سهولت تراز کردن متن با استفاده از کاراکترهای فاصله است.
اجازه دهید به یک نکته دیگر توجه کنیم. تگ های کنترل فونت، مانند تگ های سبک منطقی، می توانند این ویژگی را شامل شوند TITLE = "رشته"، که به شما امکان می دهد یک راهنمای ابزار را به متن داخل این تگ متصل کنید. استدلال صفت عنوانرشته اشاره است. هنگامی که ماوس خود را روی یک کلمه یا عبارت برجسته می‌کنید، یک راهنمای ابزار در کنار نشانگر ظاهر می‌شود. با استفاده از این تکنیک می توانید اختصارات را رمزگشایی کرده و توضیحات و توصیه های تکمیلی را به کاربر ارائه دهید.

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