نحوه درج فاصله در HTML

نویسنده: Monica Porter
تاریخ ایجاد: 22 مارس 2021
تاریخ به روزرسانی: 1 جولای 2024
Anonim
نحوه درج فاصله در html
ویدیو: نحوه درج فاصله در html

محتوا

بسیاری از فضاهایی که به طور معمول با استفاده از فاصله ، کلیدهای برگه و کلیدهای ورودی ایجاد می شوند ، همگی در زبان های برنامه نویسی وب نادیده گرفته می شوند. HTML همه آنها را به عنوان فضاهای منظم بین کلمات تعریف می کند و فقط یک فضای واحد را نشان می دهد. در حالی که CSS به کاربران اجازه می دهد جزئیات بیشتری در مورد فضای خالی و ترازبندی تنظیم کنند ، HTML ابزارهای داخلی برای سفارشی سازی فاصله شما ندارد.

مراحل

روش 1 از 2: فاصله ها و زبانه های منفرد را وارد کنید

  1. فضاهای درج شکسته نشده است. به طور معمول ، HTML فقط یک فاصله بین کلمات را نشان می دهد ، مهم نیست که چند بار فشار داده اید تا فاصله را فشار دهید. برای اینکه چندین فاصله مجاور نمایش داده شود ، یا را تایپ کنید. این کد یک شخصیت خاص به نام "فضای نشکن" ایجاد می کند و همیشه نمایش داده می شود.
    • شخصیت فوق "فضای تخریب ناپذیر" نامیده می شود زیرا مانع از شکسته شدن خط در محل می شود. اگر در این کاراکتر زیاده روی کنید ، مرورگر برای وارد کردن خطوط شکاف به صورت منظم و عمودی مشکل خواهد داشت.

  2. فضاهایی را با عرض های مختلف وارد کنید. برخی از شخصیت های موجودیت دیگری نیز وجود دارند که برای نمایش یک فاصله به مرورگر نیاز دارند. نحوه نمایش این فضاها در مرورگرهای مختلف کمی متفاوت است ، با این حال ، بر خلاف کدهای زیر ، بر شکست خط تأثیر نمی گذارد:
    • - به دلیل فضای "N" چاپگر (واحد اندازه گیری) نامگذاری شده است ، فضای "en" دو برابر فضای معمول است.
    • - فضای "em" ، تقریباً برابر با چهار فاصله.

  3. یک زبانه را با فضای غیر مخرب فراوان شبیه سازی می کند. برای ایجاد تورفتگی در پاراگراف ها ، می توانید فضاهای تخریب ناپذیر را به طور پی در پی وارد کنید: این تنها راه حل است که فقط از HTML استفاده می کنید اما اگر از CSS استفاده کنید (در مرحله زیر بصورت جداگانه توضیح داده شده است) کوتاهتر خواهد بود.
    • اگر متن ارائه پیچیده ای دارد ، از برچسب pre استفاده کنید.

  4. پاراگراف ها را با CSS تراز کنید. ویژگی های CSS "margin" و "padding" مستقیماً به مرورگر دستورالعمل می دهند ، بنابراین نتایج نمایش داده شده سازگارتر خواهد بود. پیاده سازی این روش دشوار نیست ، مگر اینکه شما در مورد CSS چیزی نمی دانید و صفحه شما دارای یک سبک صفحه نیست. در اینجا مثالی از نحوه انتقال کل پاراگراف به حاشیه سمت راست آورده شده است:
    • در بخش از سند HTML ، کد زیر را وارد کنید:

      where: "p.indent" صفتی از متن (برچسب p) نام "indent" را تعریف می کند (می توانید از نام دیگری استفاده کنید). باقیمانده کد ، ویژگی فضای "padding" را به سمت چپ پاراگراف اضافه می کند.
    • اکنون ، به متن سند HTML بازگردید. هر زمان که می خواهید یک پاراگراف را تورفتگی دهید (در این مثال هنوز "تورفتگی" است) ، پاراگراف را در این کد قرار دهید:

    • برای تراز کردن فاصله دندانه ، عدد "1.8" را در کد CSS تغییر دهید. "اونها" را پشت سر بگذارید زیرا این واحد طول مربوط به اندازه قلم است.
    تبلیغات

روش 2 از 2: شکاف های طولانی تر را تنظیم کنید

  1. از برچسب های از پیش قالب بندی شده استفاده کنید. هر کلیدی فضا خوب وارد شوید در کارت وارد می شود

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

    • عیب اصلی کارت های از قبل قالب بندی شده عرض است. بر خلاف HTML معمولی ، متن از پیش فرمت شده متناسب با اندازه پنجره کاربر تغییر نمی کند.
  2. خط شکسته ایجاد کنید. کارت
    خط فعلی متن را به پایان می رساند. با استفاده از چندین برچسب شکست خط می توانید خطوط خالی ایجاد کنید. برای دانشجویان تازه وارد HTML ، این روش خوبی است ، اما اگر CSS را یاد گرفته باشید ، این قالب HTML اجباری توصیه نمی شود.
  3. پاراگراف را با برچسب "p" مشخص کنید. برچسب اطراف متن آن پاراگراف را مشخص می کند. بیشتر مرورگرها پاراگراف را با یک خط خالی جدا می کنند ، اما شما نمی توانید یک قالب ثابت برای متن را تضمین کنید. تبلیغات

مشاوره

  • هنگامی که آخرین بار صفحه نمایش را در صفحه وب خود بررسی می کنید ، اگر نویسه های زائد را در موقعیت غیرمعمول اطراف قطعه مشاهده می کنید ، بررسی کنید که برچسب های ناقص وجود دارد ، مانند <> بجای
    .
  • CSS ابزاری قدرتمندتر و فعال تر برای ارائه صفحات وب از جمله فاصله برای متن است.
  • فضاهای ناگهانی را پشت یک برچسب باز یا جلوی یک برچسب بسته محدود کنید. به عنوان مثال ، شما باید Spaces را بنویسید آموزش نه فضاها آموزش .
  • فضای تخریب ناپذیر مثالی از شخصیت موجودیت است: کد نشان دهنده یک شخصیت است که نمی توانید از صفحه کلید وارد کنید.

هشدار

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