نحوه زیر خط کشیدن متن در HTML

نویسنده: Clyde Lopez
تاریخ ایجاد: 19 جولای 2021
تاریخ به روزرسانی: 1 جولای 2024
Anonim
HTML Underline - چگونه زیر متن در HTML و CSS خط بکشیم
ویدیو: HTML Underline - چگونه زیر متن در HTML و CSS خط بکشیم

محتوا

روش زیر خطی HTML استفاده از برچسب u> / u> است ، اما اکنون از یک روش مدرن مبتنی بر CSS استفاده می کند. زیر خط کشیدن راه بدی برای جلب توجه به متن تلقی می شود زیرا به راحتی می توان متن زیر خط را با پیوند اشتباه گرفت.

مراحل

روش 1 از 2: روش مدرن

  1. 1 از ویژگی "text-decoration" در CSS استفاده کنید. در حال حاضر ، تگ u> برای خط کشیدن متن استفاده نمی شود.
    • با افزودن این ویژگی ، نیازی نیست که در آینده وقتی برچسب های قدیمی بازنشسته می شوند ، کد خود را تغییر دهید.
  2. 2 از تگ span> برای خط کشیدن روی یک قطعه خاص از متن استفاده کنید. یک برچسب شروع همراه با ویژگی "تزئین متن" در جلوی متنی که می خواهید زیر آن خط بکشید وارد کنید. در انتهای متن ، تگ / فاصله پایانی> را وارد کنید.

    span style = "text-decoration: underline؛"> این متن زیر خط خواهد شد. / span>

  3. 3 عناصر HTML را در بخش style> مشخص کنید تا خط کشیدن آسان تر شود. همچنین می تواند با استفاده از یک شیوه نامه CSS انجام شود. به عنوان مثال ، برای خط کشیدن همه سرفصل های سطح 3 ، کد زیر را به بخش "style" اضافه کنید:

    html> head> style> h3 {text-decoration: underline؛ } / style> / head> body> h3> این عنوان زیر خط / h3> / body> / html> خواهد بود

  4. 4 یک کلاس CSS ایجاد کنید تا سریع متن را خط بکشید. می توانید کلاسهایی را در شیوه نامه یا بخش style> ایجاد کنید تا بعداً با آنها تماس بگیرید. کلاس را می توان با هر نامی قرار داد.

    html> head> style>. زیر خط {text-decoration: underline؛ } / style> / head> body> از این کلاس برای div> Quick underline / div> different div> elements / div> / body> / html> استفاده کنید

  5. 5 به روشهای دیگری برای برجسته کردن متن فکر کنید. توصیه می کنیم از خط کشی اجتناب کنید تا کاربران را گیج نکنید. بهتر است از تگ em> برای کج شدن متن استفاده کنید. از CSS برای افزودن سایر گزینه های یک ظاهر طراحی شده به این برچسب استفاده کنید.

    html> head> style> em {color: red؛ } / style> / head> body> هر چیزی که در عنصر "em" باشد (به طور پیش فرض) به صورت مورب و با رنگ قرمز / em> به لطف گزینه های سبک اضافی رنگ آمیزی می شود. / body> / html>

روش 2 از 2: روش قدیمی

  1. 1 از استفاده از برچسب های u> / u> قدیمی خودداری کنید. آنها منسوخ شده اند ، به این معنی که این برچسب ها هنوز کار می کنند ، اما دلسرد یا ناامید می شوند. این به این دلیل است که HTML به منظور سفارشی کردن سبک محتوا نیست. برچسب u> هنوز کار می کند ، اما باید متنی متفاوت از سایر متن ها ، مانند کلمات غلط املایی یا نامهای چینی را نشان دهد.
  2. 2 از تگ های u> / u> برای خط کشیدن عناصر (فقط برای نمایش) استفاده کنید. به سختی یک مورد وجود دارد که شما نیاز به استفاده از این برچسب ها داشته باشید. ممکن است لازم باشد سایت قدیمی را ویرایش کنید ، بنابراین بهتر است از برچسب ها مطلع باشید.

    html> body> برچسب HTML u> قدیمی امکان زیرنویس سریع عناصر / u> را فراهم کرد ، اما اگر دیگر عناصر یک ظاهر طراحی شده لمس شوند ، همه چیز آشفته می شود. بنابراین ، امروزه آنها از عنصر CSS "تزئین متن" برای خط کشیدن استفاده می کنند. / body> / html>

نکات

  • تقریباً همیشه روش بهتری برای برجسته سازی محتوا در یک صفحه وب از خط کشیدن وجود دارد. خط کشی می تواند کاربران را گیج کند. به نحوه برجسته کردن متن با استفاده از CSS فکر کنید.