ワードプレスでサイトをつくる時に必要なこと

どうやってサイトを作っていけば良いのか、つまづきそうな所を集めた覚書です。 とりあえず自分が振り返った時に、このサイトを見れば大丈夫という感じにしていきます。

【HTMLタグ】ソースを「そのまま表示する為のHTMLソース」に変換

   

タイトルそのままのサイト『ソースを「そのまま表示する為のHTMLソース」に変換』があるので、このサイトを利用する。

入力欄にそのまま表示したいソースを貼り付け、『入力したソースを変換する』をクリック。

ページが切り替わり変換済みのソースが表示されるので、それをコピペすればOK。
『<』を『<』に、『>』を『>』に書き換えればいいだけなのだが、一つ一つを変換していくのは手間なので^^;

<pre></pre><code></code>の違いは、
前者は改行やスペースをそのまま反映できる『整形済みテキスト』を表示する要素で、
後者はHTMLの要素名やファイル名などのワンフレーズのみを表示する要素。
2つを組み合わせることも可能。

文章は<pre></pre>、単語は<code></code>と覚えておくといいかも。
ただ、<pre></pre>は最後に改行が入るので、使いにくいと感じる場合は<code></code>を使おう。

どちらもチェックを入れたり外したりしてみると分かりやすいと思います。

また、『テキストファイルを作成』にチェックを入れると、その名の通りテキストファイル『resource.txt』が生成されます。

ちなみに、
『code』は computer code(コンピュータコード)の略、
『pre』は preformatted text(整形済みテキスト)の略。

本HPサイドバー『お役立ちリンク』にも掲載しています。

 - HTMLタグ , , , ,

スポンサーリンク

スポンサーリンク

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

no image
【HTMLタグ】よく使うタグ一覧

よく使うタグをまとめました。 コピペして、太字部分を適宜目的のものに入れ替えてく …