WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

フェリカテクニカルアカデミー

2015-04-10から1日間の記事一覧

複数ページのサイト構成

今回のチェックポイント 正しいファイル管理が出来ているか ビルボード画像はトップページのみ スタイルシートは1枚で全ページを管理する bodyの色は各ページで別指定 トップページ <html> <head> <meta charset="utf-8"> <title>Cafe-siteのトップページ</title> <link rel="stylesheet" href="css/style.css"> </head> <body id="top"> <div id="container"> <div id="header"> <h1></h1></div></div></body></html>

HTML5でのコンテンツモデル

各要素は、文書構造を作る上でページ内に複数使用することになります。 そこで、CSSやJavaScriptに対応させるためには「ID名」が必須になります。 HTML5の記述例 <html> <head> <meta charset="utf-8"> <title>HTML5の基本構造</title> </head> <body> <header id="header"> <h1>HTML5の基本構造</h1> <p>メインコンテンツの本文</p> <nav id="glovalNav"> <ul> <li><a href="#">メニュー1</a></li> </ul></nav></header></body></html>