CSS入門3(ページのレイアウト)
自己紹介ページのレイアウトを整える 前回は特定のタグのスタイルを変えるためにclass属性が利用できることを解説しました。これで様々なタグの装飾を行えるようになりました。 今回は、自己紹介のページ(page1.html)… 続きを読む »
自己紹介ページのレイアウトを整える 前回は特定のタグのスタイルを変えるためにclass属性が利用できることを解説しました。これで様々なタグの装飾を行えるようになりました。 今回は、自己紹介のページ(page1.html)… 続きを読む »
特定のタグのスタイルを変える 前回はCSSでタグのスタイルを変える方法を紹介しました。タグ名をセレクタに指定した場合、その指定したタグすべてのスタイルが変更されましたね。 今回は、スタイルを変えたいタグをピンポイントで指… 続きを読む »
ページの見栄えを良くする これまで自己紹介のページを作ってきましたが、色数も少なく、画面が左に寄っていたりと、見た目がちょっと…と思われた方もいるかもしれません。 今回はページのレイアウトや装飾を行う CSS… 続きを読む »
ホームページといえば、ページ間の移動が欠かせません。 別のページに移動する仕組みは「ハイパーリンク」と呼ばれます。 普通はハイパーを略してリンクと呼んでいます。リンク(link)は結びつけるものを表す英語です。 ひとつの… 続きを読む »
前回のおさらい 前回は自己紹介のページを完成させました。 HTMLソースがかなり複雑になってきたので、どこでどんな処理を行っているかが分かりにくいですね。 「コメント」を使うと、HTMLソース内にメモ書きができるので、処… 続きを読む »
前回のおさらい 前回は画像を表示するタグと、リストを作るタグについて解説しました。今回は前回作りかけだった自己紹介のページを完成させましょう。 まずは「好きなもの・嫌いなもの」の表を作ります。 表(テーブル)を作る テー… 続きを読む »
前回のおさらい 前回はHTMLタグについて詳しく解説しました。タグには様々な種類があり、役割の違うタグが集まってWebページが作られていることがわかりました。 今回は、さらに多くのタグを使って、ページのコンテンツ(内容)… 続きを読む »
前回のおさらい 前回はHTMLを使って簡単なホームページを作りました。 今回は、前回作ったファイルが何をしているのか詳しく見ていきましょう。 HTMLタグについて 前回は見出しと本文一行を表示するページを作りました。もう… 続きを読む »
はじめに いきなりですが、早速ホームページを作ってみましょう。 必要なソフトなど テキストエディタ(メモ帳, テキストエディット など) ブラウザ(Microsoft Edge, Safari など) ホームページを作る… 続きを読む »