2019/01/21スポンサーリンクどうも。ブログ上でソースコードを表示して説明している記事ってたくさんありますよね?(いつも大変お世話になっております。)で、私もちょっとHTMLでの右寄せとか左寄せの方法を書いてみたのですが、ここでもちょっと詰まったので備忘録として書いておきます。ContentsHTMLのタグと本文HTMLでHTMLのソースコードを書く方法ちゃんとコードとして書く<code>タグと<pre>タグ終わりにHTMLのタグと本文HTMLはブログやWEBサイトの記事か書かれている言語(超大雑把)でタグと呼ばれるもので表示する文字を大きくしたり色をつけたりと色々加工して表示することができます。ブログの本文にタグをそのまま書き込んでしまうと、”本文”としてではなく”タグ”として扱われてしまい、ブラウザにうまく表示されません。工夫をした書き方をしないといけないというわけです。HTMLでHTMLのソースコードを書く方法で、具体的にどんなことをするのかというと、タグの一部を特殊文字で記載します。要するに、「記号を別の書き方で表現する」と思ってください。(ざっくり)HTMLのタグの場合<タグ>の形で表記しますが、実はこの半角の<と>は、特殊文字で記載しないといけません。そのまま半角の括弧で書くとHTMLのタグとして表示してしまい、本文として認識してもらえないのです。※全部半角で書きます。HTMLの改行タグはこんな感じ「&lt;/BR&gt;」コレで「</BR>」と表示されます。(もちろん全部半角で書かないといけない。)ちゃんとコードとして書く<code>タグと<pre>タグ一応「ここはコードですよ!」と明記するルールがあるっぽいので、ご紹介しておきます。それはコードの部分は<code>タグでくくるということです。具体的にはこんな感じ<code>ここにコードを書くといいことがあるよ</code>コレをきちんと書くとこう表示されますここにコードを書くといいことがあるようん。そんな時はコレ!<pre>タグ〜!!!複数行にわたるコードの場合(ほとんどがそうなんだけど)は、この<pre>タグを使います。するとよくある枠で囲まれた部分にコードが表示されるって寸法です。具体的にはこんな感じ<pre>ここにコードを書くといいことがあるよ</pre>コレをきちんと書くとこう表示されますここにコードを書くといいことがあるよこんな感じです。それっぽくなりましたね。終わりにIT社畜をやっているのに知りませんでした笑こういうのは業務であんまり使わないので。今回調べてみて、知らなかったことが知れたという意味ではいい機会になりました。あと、ちょっと賢くなった気がします笑また、なにか調べ物をして新しいことが知れた時にはブログを通じて共有できたらいいな思います。shimafukulowろうふら。ブログブログを継続する「だけ」のコツをまとめてみた。shimafukulowろうふら。shimafukulowろうふら。コメントをキャンセルメールアドレスが公開されることはありません。新しい投稿をメールで受け取るブログ(HTML)で「右寄せ」「中央寄せ」「左寄せ」をする方法ネットワークスペシャリスト試験の勉強がはかどっていない。物欲は主にガジェット方面に発揮される。行動経済学とかの知識を発信中。関係ないことも記事にしたりします。PaperWhiteを購入したので少々感想をば。【引き寄せの法則】願っても無意味。AC人気記事1プロジェクトマネージャ試験に独学で一発合格!資格の難易度や勉強方法を紹介します。