ブログ作成に必要な基本的なHTMLタグについて説明してます!(HTML フォント レイアウト リンク・画像 テーブルなど)

初心者のブログ作成 HTMLタグ研究所! サイト マップ お問い合せ LINK
HTMLタグの他にPC・インターネット関連用語集や便利なショートカットキー一覧 ・ 無料で利用できる便利なサイトも紹介してるのでゆっくり見て下さい!
HTMLタグとはフォントカラーコードレイアウトリンク・画像テーブル使い方掲示板


▼ Word のショートカットキー一覧

ショートカットキーとは

ショートカットキーとは、キーボードを使ってパソコンの操作を簡単に行うための機能です。

ショートカットキーを使用すると、キーボードから手を離してマウスに持ち替える必要がないので、文書の編集を行っている場合などに効率よく作業を行うことができます。

マウスを使用することが難しい方や、支援技術を使用して入力を行う方の手助けとなります。



カーソルの移動
1 文字左へ
1文字右へ
1行上
1 行下
Alt + Ctrl + PageUp 画面の先頭へ移動する
Ctrl + ← (左矢印) 単語の先頭まで
Ctrl + → (右矢印) 単語の末尾まで
Ctrl + ↑ (上矢印) 1 つ上の段落へ移動する
Ctrl + ↓ (下矢印) 1つ下の段落へ移動する
Ctrl + Home 文書の先頭まで
End エントリの末尾に移動する
End 行の末尾まで
Home 行の先頭に移動する
PageDown 1画面下に移動する
PageUp 1画面上に移動する

範囲選択
Ctrl + Shift + ← (左矢印) カーソルがある単語の先頭に移動する
Ctrl + Shift + → (右矢印) 右側にある単語の末尾まで移動する
Ctrl + Shift + ↑ (上矢印) カーソルのある段落の先頭に移動する
Ctrl + Shift + ↓ (下矢印) 選択した段落の末尾に移動する
Ctrl + Shift + End 文書の末尾に移動する
Ctrl + Shift + Home 文書の先頭に移動する
Shift + ← (左矢印) 1文字左へ
Shift + → (右矢印) 1文字右へ
Shift + ↑ (上矢印) 1行上へ
Shift + ↓ (下矢印) 1 行下へ
Shift + End 現在の行の末尾まで選択する
Shift + Home 現在のカーソル位置から行の先頭まで選択する

削除
BackSpace カーソルの左側の 1文字を削除する
Ctrl + BackSpace カーソルの左側の 1単語を削除する
Delete カーソルの右の1文字を削除する

ウィンドウの操作
Alt + F5 アプリケーション ウィンドウを元のサイズに戻す
Alt + F10 アプリケーション ウィンドウを最大化する
Ctrl + F5 文書ウィンドウを元のサイズに戻す
Ctrl + F6 次の文書ウィンドウへ移動する
Ctrl + F10 文書ウィンドウを最大化する / 元のサイズに戻す

ファイルの操作
Ctrl + N 作成した文書と同じ種類の文書を新規作成する
Ctrl + O 文書を開く
Ctrl + S 文書を上書き保存
Ctrl + W 文書を閉じる
F12 文書を名前を付けて保存

便利な操作
Alt + Ctrl + M コメントを挿入
Ctrl + C Office クリップボードを表示する
Ctrl + F12 印刷プレビュー
Ctrl + K ハイパーリンクを挿入
Ctrl + Y 直前の操作をやり直す / 繰り返す
Ctrl + Z 直前の操作を元に戻す
F7 文章構成を実行する

表示モードの切替
Alt + Ctrl + N 下書きモードに切り替える
Alt + Ctrl + O アウトラインモード
Alt + Ctrl + P 印刷レイアウトモード

アウトラインモードの操作
Alt + Shift + + (プラス) 見出しの下の文字列を展開する
Alt + Shift + - (マイナス) 見出しテキストを折りたたむ
Alt + Shift + A すべての文字列と見出しを展開 / 折りたたむ

区切記号の挿入
Ctrl + Enter ページ区切りの挿入
Ctrl + Shift + Enter カーソル位置に段区切りを挿入する
Shift + Enter カーソル位置に改行を挿入する

書式の設定
Ctrl + B 太字の設定と解除を切り替える
Ctrl + D フォントダイアログボックスの表示
Ctrl + I 斜体の設定と解除を切り替える
Ctrl + U 下線の書式を設定 / 解除する
Ctrl + Shift + + (プラス) 上付き文字の設定と解除を切り替える
Ctrl + Shift + > 文字列のフォント サイズを大きくする
Ctrl + Shift + < フォント サイズを小さくする
Ctrl + Shift + A 選択した文字をすべて大文字に設定する
Ctrl + Shift + C 選択範囲の書式をコピーする
Ctrl + Shift + D 文字列に二重下線を付ける
Ctrl + Shift + F フォントを変更
Ctrl + Shift + H 隠し文字の書式を設定する
Ctrl + Shift + P フォントサイズを変更
Ctrl + Shift + V 書式を貼り付ける
Ctrl + Shift + W スペースを除く選択した文字に下線の書式を設定
Ctrl + Space 手動で設定した書式を削除する
Shift + F3 英字の大文字と小文字を変更する


段落書式の設定
Alt + Shit + ← 段落のレベルを上げる
Alt + Shit + → 段落のレベルを下げる
Ctrl + 0 段落前の行間を1行または0行にする
Ctrl + 1 行間を1行に設定する
Ctrl + 2 行間を2行に設定する
Ctrl + 5 行間を1.5行に設定する
Ctrl + E 段落を中央揃えにする
Ctrl + J 段落を均等揃えにする
Ctrl + L 段落を左揃えにする
Ctrl + M 段落を左揃からインデントする
Ctrl + R 段落を右揃えにする
Ctrl + T ぶら下げインデントを設定する
Ctrl + Q 段落の書式設定を解除する
Ctrl + Shit + L 箇条書きスタイルを設定する
Ctrl + Shift + M 左端から段落のインデントを解除する
Ctrl + Shit + T 段落の最初の行のインデントを解除する

表内の操作
1行上のセルへ移動
1行下のセルへ移動
Alt + 5 表全体を選択
Alt + Home 行の一番左のセルへ移動
Alt + PageUp 列の一番上のセルへ移動
Alt + PageDown 列の一番下のセルへ移動
Ctrl + Tab セル内にタブを挿入
End 行の一番右のセルへ移動
Enter セルに段落を挿入
Shift + 方向キー 範囲選択を拡張して隣接するセルも選択
Shift + Tab 行内の前のセルへ移動
Tab 行内の次のセルへ移動


HTMLとは何か? HTMLを使って出来ることは?

HTML(エイチティエムエル)とはHyperText Markup Language(ハイパーテキストマークアップランゲージ)の略語です!

Webページにテキストなどのファイルを画面上に表示するためのプログラム言語でホームページやブログを作成する際に、HTMLタグを使うことにより、文字のサイズを大きくしたり色を変えたりすることができます。(その他にもたくさんあります)

初心者のブログ作成 HTMLタグ研究所!ではその中でもよく利用される基本的なHTMLタグを集めてみました。

最近では簡単に変換できるソフトなどたくさんありますが基本的なことを知っておくと作業する時にとても便利です!


1、文字の大きさ・太さ・色を変える  (文字に強弱を付けて解りやすくしましょう)

2、改行・配置・横線を引いたりする (改行・仕切り線を引くことで見やすくなります)

3、文字に動きを付ける (電光掲示板みたいに動かせます)

4、行きたいサイトにリンク・画像などを貼る (写真を貼りたい場合にも使います)

5、表を作成 (簡単なテンプレート作成に便利です)

6、スクロールバーを表示などができます。


・これらの効果を持つHTMLタグを使用することによりホームページ、 ブログなどを見栄えよく表示できます。 作成をする際はPCのメモ帳などに一度、コピー・貼り付けして作業すると便利です!


HTMLタグを使う場合の注意点!

HTMLタグを使う場合の入力方法は
半角英数字です。 基本となるHTMLタグはコピー・貼り付けで構いませんがサイズ・カラーコード・アドレスなどの数字や文字を入力する場合に半角英数字以外の文字で入力すると正しく表示されないので注意して下さい!

また、HTMLタグを入力する際は半角英数字ですが大文字と小文字の区別は無いので気にしないで下さい。

HTMLタグには
開始タグ終了タグがあります。

例)<Font Size="1〜7">〜</Font> 最初の
<Font Size="1〜7">が開始タグで後の/スラッシュが付いた</Font>が終了タグになります。 終了タグを入れ忘れた場合ページのレイアウトが崩れることがあるので気をつけましょう!

その他に、基本のHTMLタグの
<>←カッコ、"←ダブル クォーテーションやHTMLタグ内の記号・文字・数字などを消したり、スペースを空けたり・くっつけたり、改行したりするとHTMLタグが正しく表示されないので注意して下さい。

上記のミスが非常に多いので作成の際はPCのメモ帳などを利用してHTMLタグの見直しをして下さい。

また、正しく表示できない場合も
基本のHTMLタグやここで説明した内容を確認してみて下さい!

HTMLタグは最初は見なれない文字や記号が多いので意味が解らないと思いますが使用しているうちになれて読めるようになります。 少しずつ落ち着いて作業して下さい!

Yahoo!ブックマークに登録


スポンサード リンク
[PR] 横浜市 金沢区情報サイト!
▲ 当方が運営しているサイトです。横浜市 金沢区情報サイトは金沢区の情報を中心に紹介している地域サイトです。
横浜市 金沢区情報サイト!をよろしくお願いします。
Copyright (C) 初心者のブログ作成 HTMLタグ研究所! All Rights Reserved. |