この記事の共著者 : Jessica Andzouana. ソフトウェア・エンジニアのジェシカ・アンズアナは、サンフランシスコ・ベイエリアを拠点として活動しています。ブロックチェーンやAIなどの新技術に情熱を注ぎ、フロントエンド開発、デジタルアート、デザイン分野での実務経験は5年以上。プログラマー兼アーティストとしての経歴があり、デザインにこだわった思考を併せ持っています。また、新鮮な視点やユニークなスキルを活かしながら、この分野で創造的な解決策を提供しています。現在は、「Alcacrus」社にてソフトウェア・エンジニアとして勤務。サンタクララ大学にてコンピュータ・サイエンスとスタジオ・アートの学士号を取得。
この記事は9,407回アクセスされました。
この記事では、HTMLで半角スペースと改行を挿入する方法を紹介します。半角でスペースキーを何度押してもHTMLでは半角スペースが1つしか表示されないので、一度に複数の半角スペースを挿入したいときは、HTMLタグを使用しましょう。
ステップ
- HTMLファイルを開く HTMLファイルを編集するには、メモ帳(Windows)やテキストエディット(Mac)などのテキストエディタを使用します。Adobe DreamweaverなどのHTMLエディタを使用することも可能です。HTMLファイルを開くには、以下の操作を行います。
- Windowsの場合はエクスプローラー、Macの場合はFinderでHTMLファイルが保存されているフォルダを開きます。
- 編集したいHTMLファイルを右クリックします。
- プログラムから開く(Windows)またはこのアプリケーションで開く(Mac)にカーソルを合わせます。
- HTMLファイルを編集したいプログラム(アプリケーション)をクリックします。
- spaceキーを押して、通常の半角スペースを挿入する 通常の半角スペースを挿入するには、半角スペースを挿入したい場所をクリックし、半角でスペースキーを押します。通常、HTMLでは半角でスペースキーを何度押しても、文字と文字の間には半角スペースは1つしか表示されません。
- 半角スペースを多く挿入する 連続した半角スペースをより多く挿入するには、以下のいずれかの文字コードを使用します。[3]
- 2タブ(半角スペース2つ分): と入力します。
- 4タブ(半角スペース3つ分): と入力します。
- インデント(字下げ): と入力します。
広告
- HTMLまたはCSSファイルを開く CSSはHTMLファイルのヘッダーに適用することも、外部CSSファイルとして記述することもできます。
- HTMLファイルのヘッダーは、ファイル先頭の<head>タグと</head>タグの間に記述されています。
- CSSスタイルシートを作成する スタイルシートはHTMLファイルのヘッダー、または外部CSSファイルに作成します。以下のタグを使用してHTMLまたはCSSファイルにスタイルシートを作成しましょう。
- スタイルシートの記述を開始するときは、<style>と入力しましょう。CSSコードはすべてこの開始タグの後に記述します。
- スタイルシートの記述を終了するときは、</style>と入力しましょう。CSSコードはすべてこの終了タグの前に記述します。
- インデント(字下げ)幅を指定するコードをスタイルシートに入力する p {text-indent: 5em;}というコードをスタイルシートに入力しましょう。HTMLコードが正しければ、半角スペース5つ分のインデントスが挿入されます。
- 「text-indent:」の後に別の数字を入力すれば、半角スペースの連続する幅を調整することができます。
- 「em」という単位は、指定したフォントサイズでの半角スペース1つ分に相当します。パーセンテージ(例:「text-indent: 15%;」)や長さ(例:「text-indent: 3mm;」)など、他の単位を使用することも可能です。
- インデントを挿入したい場所に<p>と入力する HTMLファイルの本文でテキストをインデント(字下げ)したい場所に入力すると、スタイルシートで指定したフォントサイズに合わせてインデントがテキストに挿入されます。広告
- HTMLファイルを開く HTMLファイルを編集するには、メモ帳(Windows)やテキストエディット(Mac)などのテキストエディタを使用します。また、Adobe DreamweaverなどのHTMLエディタを使用することも可能です。HTMLファイルを開くには、以下の操作を行います。
- Windowsの場合はエクスプローラー、Macの場合はFinderでHTMLファイルが保存されているフォルダを開きます。
- 編集したいHTMLファイルを右クリックします。
- プログラムから開く(Windows)またはこのアプリケーションで開く(Mac)にカーソルを合わせます。
- HTMLファイルを編集したいプログラム(アプリケーション)をクリックします。
- 整形済みテキストにしたいテキストの前に<pre>と入力する これが整形済みテキストの開始タグです。
- <pre>タグの後に正確にテキストを入力する テキストを整形済みテキストにすることで、Enterキーを押したときに挿入される半角スペースや改行がHTMLページに表示されるようになります。[4]
- テキストの後に</pre>と入力する これで整形済みテキストの記述が終了します。広告
ポイント
- ブラウザで半角スペースが変な記号になってしまう場合は、おそらくブラウザでの表示を想定していないワープロソフトで保存された余分なデータが原因です。このような場合は、メモ帳やテキストエディットなどのテキストエディタを使用しましょう。
- CSSを使用すれば、テキストの文字間隔を含むページのレイアウトをより確実に行うことができます。
- ノーブレークスペース(非分割空白)「
」は文字実体参照の一例で、キーボードで入力できない文字を参照するコードです。
注意事項
- 一般的なワープロソフトで使うタブキーの働きは通常のHTMLでは無効なので、Tab ↹キーを押すと入力されるタブコード(
	
)を入力しても何も表示されません。 - HTMLはワープロソフトではなく、必ずコードエディタやテキストエディタで記述しましょう。
出典
このHow.com.vn記事について
この記事は役に立ちましたか?
⚠️ Disclaimer:
Content from Wiki How 日本語 language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.
- - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
- - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
- - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
- - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.