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

نویسنده: Monica Porter
تاریخ ایجاد: 21 مارس 2021
تاریخ به روزرسانی: 27 ژوئن 2024
Anonim
نحوه تغییر رنگ متن در HTML
ویدیو: نحوه تغییر رنگ متن در HTML

محتوا

این مقاله به شما نحوه تغییر رنگ قلم در اسناد HTML را نشان می دهد. اگرچه برچسب های قلم در HTML قدیمی هستند ، اما برای افزودن رنگ به متن صفحه HTML می توانید از CSS استفاده کنید. اگر از نسخه قدیمی HTML استفاده می کنید ، می توانید در صورت لزوم از برچسب قلم HTML استفاده کنید.

مراحل

روش 1 از 2: از برچسب های HTML استفاده کنید

  1. ایجاد برچسب های قلم مجموعه کارتها در جلوی متن می خواهید تغییر رنگ دهید. کارت بستن را قرار دهید پشت متن
    • مانند:
      این متن به رنگ آبی خواهد بود.

  2. ویژگی های رنگ را اضافه کنید. قرار دادن رنگ = "" به برگه باز کردن قلم بروید. رنگ مورد نظر شما به صورت نقل قول خواهد بود.
    • مثلا:
      رنگ = ""این متن به رنگ آبی خواهد بود.

  3. نام رنگی را انتخاب کنید. نام رنگ همیشه یک کلمه است و بدون فاصله است. موارد ساده ای مانند "آبی" (آبی) ، "قرمز" (قرمز) یا نام تشریحی مانند "آبی روشن" یا "آبی تیره" (آبی تیره) را امتحان کنید. برای گزینه های بیشتر ، لیست کلمات کلیدی رنگی را که شامل "مارون" (قهوه ای تیره) ، "استیل آبی" (سبز خاکستری) و "آهک" (زرد روشن) است ، جستجو کنید.
    • مانند:
      این متن به رنگ آبی خواهد بود.

  4. از کدهای رنگ hex استفاده کنید. HTML به شما امکان می دهد میلیون ها رنگ را انتخاب کنید ، اما همه رنگ ها نام ندارند. در عوض ، آنها از یک کد شش کاراکتری استفاده می کنند که با هگزادسیمال نوشته شده است. در وب بسیاری از وب سایت ها وجود دارند که کدهای رنگ hex را لیست می کنند یا به شما امکان می دهند رنگی را روی صفحه انتخاب کرده و مقدار hex را نمایش دهید. این کد با علامت # آغاز می شود و دارای شش نویسه است که شامل اعداد 0-9 یا حرف A-F است.
    • کد # FF0000 نشان دهنده رنگ قرمز است.
    • این کد متن سبز تولید می کند.
    • این کد متن آبی تولید می کند.
  5. با مقادیر RGB آزمایش کنید. برای استفاده از انتخابگر آنلاین رنگ نیازی به دانستن نحوه کدگذاری رنگ hex نیست. با این حال ، اگر تجربه را می خواهید ، می توانید با اصول اولیه شروع کنید:
    • هر کد شش کاراکتری به مقادیر قرمز ، سبز (سبز) و آبی ("RGB") تقسیم می شود. به عنوان مثال ، کد # FF0000 به معنای "قرمز: FF سبز: 00 آبی: 00" است.
    • برای تغییر مقدار قرمز ، دو نویسه اول را تغییر دهید. می توانید از 00 (بدون قرمز) تا 99 (کمی قرمز) یا حروف AA (قرمز) تا FF (حداکثر مقدار قرمز) از مقداری استفاده کنید.
    • از همین سیستم برای تغییر مقدار به سبز (دو رقم میانی) یا آبی (دو رقم آخر) استفاده کنید.
  6. درک عمیق از کدگذاری رنگ سحر و جادو. برای انتخاب رنگ صحیح ، باید دو مفهوم زیر را بدانید:
    • هر سه مقدار رنگ دو رقمی است. اگر می خواهید تنظیمات کمتری انجام دهید ، فقط رقم دوم را تغییر دهید. به عنوان مثال ، # 850000 و # 890000 کاملاً شبیه به هم هستند و # A50000 کمی روشن تر خواهد بود.
    • مقادیر RGB ترکیبی برابر با سیستم رنگ به علاوه است. قرمز و سبز باعث تولید زرد می شوند. آبی و سبز به رنگ فیروزه ای ؛ قرمز و آبی رنگ شرابی تولید می کند.
    تبلیغات

روش 2 از 2: از یک عنصر CSS درون خطی استفاده کنید

  1. ویژگی style را در برچسب HTML قرار دهید. خواص سبک = "" به شما امکان می دهد از CSS در اسناد HML استفاده کنید. در اینجا راهی ساده برای تعیین رنگ قلم وجود دارد حتی اگر از CSS اطلاع ندارید. ویژگی style را در یکی از برچسب های HTML تنظیم کنید:
  2. تعیین رنگ قرار دادن رنگ: با نام رنگ یا کد هگزادسیمال در داخل نقل قول ها. برای جزئیات بیشتر در مورد نام ها و کد رنگ ها ، به روش بالا مراجعه کنید یا مثال های زیر را امتحان کنید:
    • این کد متن قرمز را تشکیل می دهد.
    • این کد رنگ سبز تیره زیتونی ایجاد می کند.
    • CSS از کوتاه کردن 3 رقمی پشتیبانی می کند. کد رنگ 745 مخفف 774455 است.
  3. از کلاسهای CSS با حروف تایپی که اغلب از آنها استفاده می کنید استفاده کنید. اگر می خواهید هر عنوان یا عنوان تصویر را برای بخشی از مطالب در یک صفحه وب بزرگ سبک کنید ، نیازی نیست که کل کد را بارها و بارها تایپ کنید. در عوض ، در ابتدای متن یک کلاس CSS تعریف کنید ، بنابراین هر وقت بخواهید از آن سبک استفاده کنید ، فقط با یک مختصر می توانید کلاس را فرا بگیرید. در اینجا مثالی آورده شده است که برخی کاربردهای جدید ویژگی style را نشان می دهد:
    • در بخش از سند HTML ، کد زیر را وارد کنید:
    • بعد ، در متن متن ، از ویژگی استفاده کنید تا این سبک را به عنوان عنصر اضافه کنید. مانند،

      این پاراگراف

      سبز تیره ، فونت بزرگ شکسته.
    • توجه داشته باشید که می توانید به جای "فانتزی" برای توصیف حروف چاپی از هر کلمه ای استفاده کنید.
    تبلیغات

مشاوره

  • باید سعی کنید خواندن صفحه شما آسان باشد. خواندن رنگهای متن روشن روی سفید و خواندن رنگهای متن تیره بر روی سیاه مشکل خواهد بود.
  • رایانه های قدیمی محدودیت 65000 رنگ را نشان می دهند ، در حالی که رایانه های قدیمی 256 رنگ را نشان می دهند. با این حال ، بیش از 99٪ از کاربران اینترنت قادر به دیدن رنگی هستند که شما تعیین کرده اید.

هشدار

  • عنصر قلم در استاندارد XHTML 1.0 Strict DTD پشتیبانی نمی شود.