デフォルトのスタイル定義

この操作は煩雑なので、元になるhtmlデータをコピーするのが一番速い。
もしゼロから作成する場合の方法を述べる。

1． 標準のスタイル

スタイルの定義

・当ホームページは凝った作りをせず
「シンプルで入力し易く、それなりに読み易い」
をモットーに進めている。

次のタグは、デフォルトのスタイルとして使用する。

・段落<P>タグ
これは入力時に見やすく、表示時にも見やすい事を狙ったもの

・画像<Iimg>タグ
これは画像を自動で縮小するようにしてスマホの画面で見やすくするもの

具体的な指定は次のコードを追加でコードに張り付ける。
デザインの操作でも可能だが手間がかかり、コードに貼り付けるのが簡単。

<style type="text/css">
p{
font-size: medium;
font-weight: normal;
font-family: "BIZ UDP明朝 Medium";
}
img {
max-width: 100%;
height: auto;
display: block;
}
</style>


このコードを***の位置に張り付ける

<title>クラスの使い方</title>
****
</head>

もし<style type="text/css">　コードがすでに在れば中身をみて
必要な部分のみ追加する、

この操作は煩雑なので、元になるhtmlデータをコピーするの簡単

２．　<meta>の追加

スマホの画面等横幅に合わせた表示をする。
次の１行を<meta>　の最後に追加する。

<meta name="viewport" content="width=device-width, initial-scale=1.0">