初心者のHTML+CSS学習サイト初心者向けにHTMLやCSSをわかりやすく解説するつもりのサイト。パソコンやスマートフォンでできる練習問題あります。HTMLスポンサードリンクレクタングル広告(大)パス(主に相対パス)をマスターしよう前編では階層構造について説明をしました。今回の後編ではパスについて説明します。フォルダの階層構造をイメージにすると以下のようになります。階層の移動コンピュータ内に保存されているファイルを利用する際にはこの階層構造の考え方を元に、「フォルダAを開く」とフォルダA内のフォルダBとファイルを利用(確認)できるようになります。フォルダA内のフォルダBをダブルクリックし「フォルダBを開く」とフォルダCとファイルを利用(確認)できるようになります。フォルダAを開くと、、、フォルダAの中のフォルダBを開くと、、、つまり、フォルダを開くと階層を下に移動することになります。上の階層に移動したい場合はアドレスバーやナビゲーションウィンドウ(下図参照)を利用して移動します。※Windowsのウィンドウ(正式名:エクスプローラー)の各部名称はWindowsの公式サイトで確認(リンク先はWindows8)。パスとはようやく本題のパスに入ります。パスとは階層構造(つまりファイルやフォルダの場所)を文字で表現したものです。パスには絶対パスと相対パスという2つの記述方法があり、絶対パスは現在いるフォルダに関係なく一番上の階層(ルート)からパスを指定する方法で、相対パスは現在地のフォルダから目的のフォルダまでのパスを指定する方法です。今回のパスは相対パスでの記述説明をメインとしています。HTMLやCSSまたはプログラミングなどでは文字で色々な命令を行う為、階層の移動も文字(つまりパス)を利用して行います。フォルダA内のフォルダB内のフォルダC内にあるファイルをパスで表す際は以下のように表記します。フォルダA/フォルダB/フォルダC/ファイル「/(スラッシュ)はパス区切り(セパレータ)」と呼ばれ、Windowsでは¥(円マーク)も利用できます。下の図のようなフォルダBが現在地の場合を想定します。この時、最も単純で簡単な移動は2つに分類されます。フォルダAに移動する(上の階層に移動)フォルダCに移動する(下の階層に移動)相対パスを利用して上の階層に移動する上の階層に移動する際には「../」(ドットを2回後スラッシュ)と指定することによって、1つ上の階層に移動することが可能です。一度の記述で2階層上に移動する際には「../../」と連続で記述します。相対パスを利用して下の階層に移動する下の階層に移動する際には「/フォルダ名(およびファイル名)」と指定することで1つ下の階層に移動することが可能です。一度の記述で2階層下に移動する際には「/フォルダ名/フォルダ名」と連続で記述します。※補足/で下の階層に移動することができますが、コマンドプロンプト等では、階層構造の移動記述を/で始めると一番上の階層(ルート)からスタートするという意味になることもあります。下の図で指示のように階層を移動する際にどのような記述となるか入力欄に入れてください。(全ての指示はhtmlフォルダからスタートです。Webページにタイトルを付けるのはHTMLを書く上で重要です。練習の時などのアクセスアップが...記事を読むHTMLで表を作ろう(セル結合編)HTMLの基本的なテーブルの作りは格子状ですが、セル結合を使用することによりある程度変更することができます。HTMLの要素の種類(タグの種類)はたくさんありますが、今回は必要不可欠な3つのタグの説明です。タグには様々な要素があり(一般的にはタグの種類と表記)、どの箇所にどのような要素を使うかは場面によって異なります。コメントをキャンセルメールアドレスが公開されることはありません。data-url="">日本語が含まれない投稿は無視されますのでご注意ください。タグの入れ子プロフィールHTMLやCSSに関する書き方や練習問題を配信しています。配信は12:00ごろです。突っ込みや質問があれば、お問い合せやコメント下さい。