ここではビルダーを使って文字をページ内に入力する方法を説明します。
➊新規ページ作成を開く。
➋ページタイトルを「文字の入力」と入力します。
➌[ページ編集] 画面では、文字を入力できる位置でカーソルが点滅します。
➍キーボードで、以下の通り文字を入力します。
文字の周囲に表示されている枠は「フォーカス枠」といって、その要素にフォーカスが当たっている(操作の対象になっている)ことを示します。この場合は文字を入力している段落にフォーカスが当たっています。
一行が終わって次の行にカーソルを移すには、[Shift]+[Enter]キーを押します。
入力された文字段落は<p>~</p>タグで囲まれます。
➎ページにchar.htmlというファイル名を付けてhtmlフォルダー内に保存する。
➏新規作成したページchar.htmlを練習記録に登録する。
段落を示す<p> ~ </p>タグは、ブラウザで表示すると段落と段落の間は1行空きます。これをどうしても開けたくない時は、改行します。
➊ファイルchar.htmlを開きます。
➋改行するには、改行したいところにカーソルを移動して、Enter(改行)キーを押します。
メニューバーから[ツール→オプション]を選択し、[オプション]ダイアログボックスの[表示]タブで、[編集記号]の[改行記号]をオン・オフにして、改行マークを表示・非表示にすることができます。
強制的に改行を挿入するタグは<br>で指定されます。
➌バックスペースキーで新しくできた改行を削除し、最初の段落に戻します。
➊ファイルchar.htmlを開く。
➋新しく段落を作るには、段落を作りたいところにカーソルを移動して、[Shift]キーを押しながら[Enter]キーを押します。文章の途中で段落を分割したい場合も同様に、分割したい位置で[Shift]キーを押しながら[Enter]キーを押します。
メニューバーから[ツール→オプション]を選択し、[オプション]ダイアログボックスの[編集]タブで[改行キーで段落を作成する]をオンにすると、[Enter]キーで(改行ではなく)段落を作成するようになります。
➌バックスペースキーで新しくできた段落を最初の段落に戻します。
商標や著作権の記号など、キーボードにない特殊な文字を入力します。
➊ファイルchar.htmlを開きます。
➋特殊文字を入力します。
著作権文字©はHTMLソースでは©のコードで表現されます。
[特殊文字]ダイアログボックスの左上にある
は、空白文字(non-breaking space)です。HTMLコードでは あるいは で表現されます。
キーボードのスペース キーでは通常、2つ以上の半角スペースを入力できませんが、この空白文字を複数入力すれば、2つ以上の半角スペースを入力できます。また、[Ctrl]キーを押しながらスペース
キーを押す方法、メニューバーから[ツール-オプション]を選択し、[編集]タブで[スペース キーで連続したスペースを挿入する]をオンにする方法でも、2つ以上の半角スペースを入力することができます。
➌上書き保存します。
⇒ 見出しタグへ進む