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

روش 1 از 3:
ایجاد فاصله با استفاده از HTML

  1. 1
    فایل HTML را باز کن. می‌توانی از یک ویرایشگر متن مثل برنامه‌ی NotePad یا TextEdit برای بازکردن و ویرایش فایل HTML در سیستم عامل ویندوز استفاده کنی. همچنین از برنامه‌های ویرایشگر HTML مثل دریم‌ویوور (Dreamweaver) هم می‌توانی برای این کار استفاده کنی. مراحل زیر را برای بازکردن فایل HTML دنبال کن.
    • به پوشه‌ای که فایل HTML در آن قرار دارد برو.
    • بر روی فایل HTMLی که می‌خواهی ویرایش کنی راست کلیک کن.
    • اشاره‌گر ماوس را بر روی گزینه‌ی Open with (بازکردن با) ببر.
    • از میان گزینه‌ها، برنامه‌‌ی ویرایشگری را که می‌خواهی با آن کار کنی، انتخاب کن.
  2. 2
    کلید space را بزن تا یک ‌تک‌فاصله ایجاد بشود. برای این که یک فاصله‌‌ی معمولی ایجاد کنی، در جای مورد نظر کلیک کن و کلید space را فشار بده. به‌طورمعمول در فایل‌های HTML مهم نیست که چند بار کلید فاصله را فشار بدهی، چون چیزی که در خروجی نمایش داده می‌شود فقط یک تک‌فاصله است و برای نمایش تعداد بیشتری فاصله در خروجی باید کار دیگری انجام بدهی.
  3. 3
    برای ایجاد فاصله‌ی بیشتر کد (Unicode)   را تایپ کن. به این شیوه‌ی ایجاد فاصله، فاصله‌ی ناشکستنی می‌گویند، به این معنی که هر جایی در متن این کد را وارد کنی، نمی‌توانی یک سطر را بریده و به سرخط بعدی بروی.[۱]
    • مثلا تایپ‌کردن Hello   there! بین واژه‌ی "Hello" و "there!" یک فاصله‌ی اضافی ایجاد می‌کند.
    • اگر از این کد‌ بیش از اندازه استفاده کنی، مرورگر برای رفتن به سرخط بعدی دچار مشکل خواهند شد (این کار معمولا با تگ
      انجام می‌شود).[۲]
    • برای ایجاد فاصله‌ی بیشتر می‌توانی از کد   استفاده کنی.
  4. 4
    فاصله‌هایی با طول دلخواه ایجاد کن. برای ایجاد فاصله‌های بیشتر می‌توانی یکی از راه‌های زیر را استفاده کنی:[۳]
    • برای ایجاد دو فاصله - کد   را استفاده کن.
    • برای ایجاد چهار فاصله - کد   را استفاده کن.
    • برای ایجاد فاصله از کناره‌ها - کد      را استفاده کن.

روش 2 از 3:
ایجاد فاصله با استفاده از CSS

  1. 1
    فایل HTML یا CSS را باز کن. دستورات CSS در بخش Head فایل HTML نوشته می‌شوند و یا در یک فایل جداگانه نوشته شده و لینک آن در فایل HTML قرار داده می‌شود.
    • عنصر Head به شکل <head> و </head> در بالای کدهای HTML نوشته می‌شود. این عنصر (Element) بین دو تگ "<head>" و "</head>" قرار می‌گیرد.
  2. 2
    یک بخش را به کدهای CSS (شیوه‌نامه‌ی آبشاری) اختصاص بده. بخش مربوط به چیدمان و رنگ‌بندی وبسایت هم در قسمت head کدهای HTML قرار می‌گیرد یا به طور جدا در یک فایل با فرمت css مثل "filename.css" درج می‌شود. از تگ‌های زیر برای ایجاد بخش مربوط به style در فایل HTML یا ایجاد فایل خارجی style استفاده کن.
    • برای شروع بخش style کد <style> را تایپ کن. همه‌ی کدهای CSS بعد از این تگ قرار می‌گیرند.
    • برای پایان‌دادن بخش style هم کد </style> را تایپ کن. همه‌ی کدهای CSS قبل از این تگ قرار می‌گیرند.
  3. 3
    در قسمت style این کد را تایپ کن: p {indent-text: 5em;} . این کد به مرورگر می‌گوید که در فایل HTML استاندارد از کناره‌های هر پاراگراف به اندازه‌ی ۵ واحد فاصله اعمال کند.
    • تو می‌توانی به اندازه‌ای که می‌خواهی این فاصله را تغییر بدهی و با تایپ اعداد مختلف آن را تنظیم کنی.
    • واحد "em" معادل یک واحد فاصله در فونت استفاده‌شده در صفحه‌ی HTML است. همچنین می‌توانی از واحدهای استاندارد دیگر مثل درصد ("indent-text: 15%") یا واحد دیگری به نام measurements (به معنای اندازه‌ها) ("indent-text: 3mm") استفاده کنی.
  4. 4
    تگ <p> را در جایی که می‌خواهی از سر سطر فاصله داشته باشی استفاده کن. با این تگ می‌توانی در قسمت بدنه‌ی اصلی (body) فایل HTML یا هر جایی که بخواهی متن یا پاراگراف از سر سطر حاشیه داشته باشد، با اعمال مشخصه‌هایی که در CSS تعیین کردی، این کار را انجام بدهی.

روش 3 از 3:
ایجاد فاصله با استفاده از متن از پیش قالب‌بندی‌شده

  1. 1
    فایل HTML باز کن. برای ویرایش فایل HTML می‌توانی از ویرایشگرهای متنی مثل NotePad یا TextEdit استفاده کنی. یا حتی می‌توانی از ویرایشگرهای اختصاصی HTML مثل برنامه‌ی کاربردی دریم‌ویور (Adobe Dreamweaver) استفاده کنی. مراحل زیر را برای بازکردن فایل HTML دنبال کن.
    • به محل ذخیره‌ی فایل HTML در سیستم عامل ویندوز یا مک برو.
    • بر روی فایل HTML که می‌خواهی ویرایش کنی راست‌کلیک کن.
    • نشانه‌گر ماوس را بر روی عبارت Open with (بازکردن با) ببر.
    • از میان برنامه‌های موجود برنامه‌ای که می‌خواهی را انتخاب کن.
  2. 2
    تگ <pre> را قبل از متنی که می‌خواهی قالب‌بندی ثابت داشته باشد تایپ کن. این یک تگ آغازین برای متنی است که می‌خواهی قالب‌بندی کنی.
  3. 3
    متن مورد نظرت را درست بعد از تگ "<pre>" وارد کن. با قالب‌بندی‌کردن متن به این شیوه، هر فاصله و هر سطر جدیدی که با کلید "Enter" ایجاد شود، دقیقاً در صفحه‌ی HTML نمایش داده می‌شود.[۴]
  4. 4
    تگ </pre> را در پایان متن وارد کن. این تگ انتهای متن قالب‌بندی‌شده را می‌بندد.

نکات

  • اگر فاصله‌ها و جهش‌ها به شکل علائم عجیب و ناشناخته در مرورگر نمایش داده شد، احتمالاً به خاطر اطلاعات و استایل‌هایی است که در واژه‌پردازها برای فرم‌دادن متن به آن اختصاص داده شده است. برای جلوگیری از بروز این مشکل کدهای خود را در یک ویرایش‌گر متن ساده مثل Notepad یا TextEdit بنویس.
  • برای تغییر شکل و رنگ متن‌ها و نمایش آن‌ها در مرورگر از CSS استفاده می‌شود. این روش برای انجام کارهایی مثل ایجاد فاصله در متن بهتر است.
  • کد &nbsp; یک کاراکتر واقعی است که بر روی صفحه‌کلید مشخص نشده اما وجود دارد و ما با این کد به آن ارجاع می‌دهیم.

هشدارها

  • تصور نکن که به جای کلید Tab می‌توانی از کد &#09; کنی. در صفحه‌ی HTML استاندارد، کلید جهش (Tab) کاری انجام نمی‌دهد.
  • کدهای HTML را همیشه در ویرایشگر کد (مثل Notepad) ویرایش کن و این کار را در واژه‌پردازهای معمولی (مثل Word) که دارای قالب های اضافی برای متن هستند انجام نده.

مقالات مرتبط ویکی‌هاو

چگونه

AdBlock را غیرفعال کنیم

چگونه

فایل‌های Exe را در مک باز کنیم

چگونه

گوگل کروم را دانلود و نصب کنیم

چگونه

یک صفحه‌ی خالی را در Word حذف کنیم

چگونه

افراد را وادار کنیم به پیام ما جواب دهند

چگونه

همه‌ی توییت‌ها را یک‌باره حذف کنیم

چگونه

پروفایل اسنپ‌چت را ببینیم

چگونه

مشکل DNS Server Not Responding (سرور DNS پاسخ نمی‌دهد) را برطرف کنیم

چگونه

همه‌ی فایل‌های Google Drive را در کامپیوتر یا مک دانلود کنیم

چگونه

در برنامه‌ی Mail آیفون از حساب ایمیل‌مان خارج شویم

چگونه

نرم‌افزار‌ها را در Ubuntu حذف کنیم

چگونه

در Command Prompt پوشه‌ی فعال را تغییر دهیم

چگونه

از یوتیوب موسیقی دانلود کنیم

چگونه

در لینوکس کاربر Root شویم

در مورد ویکی‌هاو

ویکی‌هاو مانند ویکی‌پدیا یک “ویکی” است. بنابراین بسیاری از مقالات ما با مشارکت افراد متعددی نوشته شده‌اند. برای خلق این مقاله، نویسندگانِ داوطلب کار کردند تا ویرایشش کنند و به مرور زمان بهبودش دهند.
از این صفحه ۴۸بار بازدید شده‌است.

آیا این مقاله کمکتان کرد؟