2012-12-04から1日間の記事一覧

IE Tester

フリー

IE対策 IEtester

縦ナビ０５

CSS 課題 授業

CSS練習課題15 以下の画像と同じように表示させるCSSを記述 擬似クラスで指定 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>縦ナビメニュー</title> <link href="css/style6.css" rel="stylesheet" type="text/css"> </head> <body> <div class="nav"> <ul> <li><a href="#">メニューのリンク１</a></li> <li><a href="#">メニューのリ…</a></li></ul></div></body></html>

floatプロパティを使ったレイアウト

フリー

CSS練習サイト intensivstation Layout Gala

縦ナビ０６

CSS 課題 授業

CSS練習課題16 以下の画像と同じように表示させるCSSを記述 擬似クラスで指定 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>縦ナビブロックメニュー</title> <link rel="stylesheet" href="css/style7.css" media="screen,print"> </head> <body> <div class="nav"> <ul> <li><a href="#">メニューのリンク１</a></li> <li></li></ul></div></body></html>

縦ナビ０７

CSS 課題 授業

CSS練習課題17 以下の画像と同じように表示させるCSSを記述 擬似クラスで指定 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>縦ナビカラーメニュー</title> <link rel="stylesheet" href="css/style8.css" madia="screen,print"> </head> <body> <div class="nav"> <ul> <li><a href="#">メニューのリンク１</a></li> <li></li></ul></div></body></html>

縦ナビ０８

CSS 課題 授業

☆★データーでの確認★☆ CSS練習課題18 以下の画像と同じように表示させるCSSを記述 擬似クラスで指定 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>縦ナビバリエーション（１）</title> <link rel="stylesheet" href="css/style.css" media="screen,print"> </head> <body> <div class="nav"> <ul> <li><a href="#">メニューのリンク1</a></li>…</ul></div></body></html>

縦ナビ０９

CSS 課題 授業

☆★データーでの確認★☆ CSS練習課題19 ソースコード【 HTML 】 <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/style2.css" media="screen,print"> </head> <body> <div class="nav"> <ul> <li><a href="#">メニューのリンク1</a></li> <li><a href="#">メニューのリンク2</a></li> <li><a href="#">メニ…</a></li></ul></div></body></html>

XML

HTML 授業

xmlのときのmeta要素 ソースコード <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

縦ナビ１０

CSS 課題 授業

☆★データーでの確認★☆ CSS練習課題20 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>縦ナビ背景画像</title> <link rel="stylesheet" href="css/style3.css" media="screen,print"> </head> <body> <div class="nav"> <ul> <li><a href="#">メニューのリンク1</a></li> <li><a href="#">メニューのリンク2</a></li> <…</ul></div></body></html>