تایپوگرافی

عنوان

همه سرفصل‌های HTML، <h1> تا <h6>، در دسترس هستند.

کد اندازه قلم عنوان
<h1></h1>

2.5rem

عنوان 1 (MEGA)

<h2></h2>

2rem

عنوان 2 (XL)

<h3></h3>

1.75rem

عنوان 3 (LARGE)

<h4></h4>

1.5rem

عنوان 4 (MEDIUM)

<h5></h5>
1.25rem
عنوان 5 (کوچک)
<h6></h6>
1rem
عنوان 6

عنوان های رنگی

همه سرفصل‌های HTML، <h1> تا <h6>، در دسترس هستند.

کد عنوان
<h1></h1>

عنوان 1 عنوان فرعی

<h2></h2>

عنوان 1 عنوان فرعی

<h3></h3>

عنوان 1 عنوان فرعی

<h4></h4>

عنوان 1 عنوان فرعی

<h5></h5>
عنوان 1 عنوان فرعی
<h6></h6>
عنوان 1 عنوان فرعی

Font weight

با استفاده از کلاس f-w-*، می توانید وزن قلم را تغییر دهید.

می‌توانید با استفاده از f-w-700

وزن قلم پررنگ‌تر سرفصل 1 را تنظیم کنید

می توانید با استفاده از f-w-600

، وزن قلم پررنگ عنوان 2 را تنظیم کنید

می توانید با استفاده ازf-w-500

، عنوان 3 را با وزن قلم متوسط تنظیم کنید

می توانید با استفاده از f-w-400

وزن قلم معمولی عنوان 4 را تنظیم کنید
می توانید با استفاده ازf-w-300
، عنوان 5 را با وزن سبک تنظیم کنید

تایپوگرافی فهرست

همه لیست تایپوگرافی:- <ul>،<ol> & <dl>

لیست بدون ترتیب
  • کسی که به جنبه روشن همه چیز نگاه می کند
  • کسی که کاری را نه به صورت حرفه ای بلکه برای لذت انجام می دهد
  • کسی که همه چیز را می داند
  • دستخطی که قابل خواندن نیست
  • کسی که به جنبه روشن همه چیز نگاه می کند
  • صدایی که شنیده نمی شود
  • مطالعه نوشتار و متون مقدس باستان
  • مطالعه سنگ و خاک
  • قابلیت های پیچیده تری را برای یک صفحه وب برای استفاده از زبان برنامه نویسی ایجاد می کند.
  • حفظ تماس و برقراری ارتباط واضح نیز ضروری است. دارای توانایی هایی برای یک طراح
لیست سفارش
  1. کیت های رابط کاربری
  2. بوونوس رابط کاربری
  3. انیمیشن ها
    1. تایپوگرافی
    2. آواتارها
    3. شبکه
    4. برچسب و قرص
    5. هشدار
  4. کشویی
  5. برگه ها
  6. آکاردئون
لیست توضیحات
راه شروع این است که صحبت را کنار بگذارید و شروع به انجام دادن کنید.
-والت دیزنی
زندگی آن چیزی است که زمانی اتفاق می افتد که شما مشغول انجام برنامه های دیگر هستید.
-جان لنون
کسی که خوشحال باشد دیگران را نیز خوشحال خواهد کرد.
-آن فرانک
زندگی یا یک ماجراجویی جسورانه است یا اصلاً هیچ.
-هلن کلر
هدف زندگی ما شاد بودن است.
-دالایی لاما

نمایش عناوین

عناصر عنوان سنتی برای کار طراحی شده اند بهترین در گوشت شما محتوای صفحه هنگامی که به یک عنوان برای برجسته شدن نیاز دارید، استفاده از a را در نظر بگیرید نمایش عنوان—a سبک سرفصل بزرگتر و کمی خوش بینانه تر.

نمایش 1

نمایش 2

نمایش 3

نمایش 4

عناصر متن درون خطی

طراحی برای عناصر معمولی HTML5 درون خطی.

می توانید از تگ علامت گذاری استفاده کنید متن برجسته.

این خط متن به عنوان متن حذف شده تلقی می شود.

این خط از متن قرار است دیگر دقیق نباشد.

این خط از متن قرار است به عنوان افزودنی در نظر گرفته شود سند.

این خط متن به صورت زیرخط دار ارائه می شود

این خط نوشتار به‌عنوان چاپ ظریف در نظر گرفته می‌شود.

این خط به صورت متن پررنگ ارائه شده است.

این خط به صورت متن ایتالیک ارائه شده است.

رنگ متن

می توانید با استفاده از txt-* کلاس

به متن رنگ بدهید

این متن اصلی است شما می توانید این کلاس .txt-primary را بایگانی کنید

این متن ثانویه است شما می توانید این کلاس .txt-secondary را بایگانی کنید

این متن موفقیت آمیز است شما می توانید این کلاس .txt-success

را بایگانی کنید

این متن اطلاعات است شما می توانید این کلاس .txt-info را بایگانی کنید

این متن اخطار است شما می توانید این کلاس .txt-warning را بایگانی کنید

این متن خطرناک است شما می توانید این کلاس .txt-danger را بایگانی کنید

این متن تیره است شما می توانید این کلاس .txt-dark را بایگانی کنید

این متن اصلی است شما می توانید این کلاس .txt-primary را بایگانی کنید

بلاک نقل قول

برچسب <blockquote> بخشی را مشخص می کند که از منبع دیگری نقل قول شده است.

تنها سفر غیرممکن سفری است که هرگز شروع نمی کنید.

تونی رابینز

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

مادر ترزا

در آفتاب زندگی کنید، در دریا شنا کنید، هوای وحشی را بنوشید.

رالف والدو امرسون