چگونه در HTML یک فاصله ایجاد کنیم

اطلاعات نویسنده

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

روش 1

روش 1 از 3:

ایجاد فاصله با استفاده از HTML

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

روش 2

روش 2 از 3:

ایجاد فاصله با استفاده از CSS

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

روش 3

روش 3 از 3:

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

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

نکات

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

هشدارها

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