CSS
無料お問合せはこちらから TEL 075-257-4588 営業時間 AM10:00〜PM7:00
| ホーム |
| 無料講座 | Dreamweaver編 | 見出し文字を入力 |
7.見出し文字を入力しましょう

タイトル画像の下に見出し文字を入力します。見出し1の大きさで「いらっしゃいませ!!」と入力し、「!!」の部分には斜体を設定します。さらに文字列全体をセンタリング(中央揃え)します。

■7−1. カーソルは画像の右下にあります。ソースコードに「 <br  /> 」を追加し、行を改行します。

次に、改行した行にキーボードより、「いらっしゃいませ!!」を入力しましょう。

見出し「h1」の入力

■7−2.「いらっしゃいませ」をドラッグして選択し、「プロパティ」のフォーマット一覧より、h1見出しを選択します。

h1を選択する

「いらっしゃいませ!!」の文字が大きく表示されました。

文字が大きくなりました

■7−4.「!!」の部分をマウスでドラッグして選択し、斜体(イタリック)ボタンをクリックします。

テキストを斜体にする

■7−5.ツールバーの【斜体】ボタンをクリックします。

斜体が完成

■7−6.「いらっしゃいませ!!」の文字列をセンタリング(中央揃え)します。文字をドラッグして選択します。

文字列の中央寄せ

※センタリングは行単位で設定しますから、カーソルはセンタリングをする行であればどこにあっても構いません。

メニューバーの挿入()ボタンをクリックし、タグ()をクリックしましょう。

メニューバーから挿入する

「タグ選択」ダイアログボックスが表示されます。左側にある、マークアップ言語タグより、「HTMLタグ」を選択すると、右側に一覧が表示されます。

その中から、<center></center>を選択しましょう。

マークアップタグで挿入する

挿入ボタンを押してください。

「いらっしゃいませ!!」の文字が画面上で中央に表示されたことを確認しましょう。

テキストの中央寄せが完成

■7−7.先ほど挿入したタイトル画像も同じようにセンタリングしましょう。

画像の中央寄せ完成

■7−8.”!!”の右端辺りの部分でクリックして、カーソルを入れておいて下さい。

戻る 進む

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページの事なら
何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM10:00-PM7:00


無料お問合せはこちらから TEL 075-257-4588 営業時間 AM10:00〜PM7:00
| ホーム |
| 無料講座 | Dreamweaver編 | 見出し文字を入力 |


CSS
Ryuumu