https://hmaster.net/


HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する 方法を分かりやすく解説しているサイトです。 初心者向けに見やすい、読みやすい作りになっています。

整形済みテキスト

<pre>~</pre>でソースに書いた HTML文書をそのままの形で表示できます。

preタグは文章だけでなく複数行のHTMLタグやスタイルシートなどをブラウザに表示させたい場合 ソースには改行タグ<br>を使用せずに済むので便利です。 但し、テーブルタグ内などに<pre>~</pre>で 囲まれた1行の長い文章を入れるとテーブルの端で文章が折り返さず テーブルごとページの横にはみ出てしまうので注意が必要です。

【ブラウザ表示】

ソースで改行タグ
を使わず
  そのまま 
直接Enterを押して
改行すると
ブラウザ で
もソースの通りに
改行されて   
表示  されました。
ソースでのスペース
もブラウザで反映さ
れて います。

ソース
<pre>
ソースで改行タグ
を使わず
  そのまま 
直接Enterを押して
改行すると
ブラウザ で
もソースの通りに
改行されて   
表示  されました。
ソースでのスペース
もブラウザで反映さ
れて います。
</pre>

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

文字の大きさを変える
文字の色を変える
文字を強調する
文字を装飾する
絵文字を表示させる
上付き文字と下付き文字
漢字にふりがなをうつ
等幅フォントにする
文字の方向を指定する
文章の改行
文章の段落を作る
行揃えをする
文章を引用する
ソースコードの表示
見出し語

HTMLタグ一覧のページに戻る