質問編集履歴
2
文書修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -37,8 +37,6 @@
|
|
|
37
37
|
</header>
|
|
38
38
|
<div class="main-wrapper">
|
|
39
39
|
<section>
|
|
40
|
-
<!-- 必要に応じて、htmlを書く -->
|
|
41
|
-
<h1>課題D</h1>
|
|
42
40
|
<p>このファイル上の時間表示を24時間時計ではなく、「1:20」であれば「午前1:20」、「12:30」であれば「午後0:30」というように12時間時計の表示に変更しなさい。</p>
|
|
43
41
|
<hr>
|
|
44
42
|
<p>編集したindex4.htmlについて、ブラウザで動作確認を行う。</p>
|
1
コードの追加
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
12時間時計の表示に変更に変更したいです。
|
|
1
|
+
修正版 12時間時計の表示に変更に変更したいです。
|
body
CHANGED
|
@@ -12,6 +12,38 @@
|
|
|
12
12
|
ソースコード
|
|
13
13
|
|
|
14
14
|
|
|
15
|
+
<!doctype html>
|
|
16
|
+
<html>
|
|
17
|
+
<head>
|
|
18
|
+
<meta charset="UTF-8">
|
|
19
|
+
<!-- 次のmetaタグの内容は「表示画面サイズの指定」
|
|
20
|
+
端末ごとのサイズに応じてフレキシブルな表示ができるように指定している。-->
|
|
21
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
22
|
+
<!-- 次のmetaタグの内容は「ユーザーエージェントの指定」
|
|
23
|
+
ユーザーエージエントとはユーザーが使用するブラウザのバージョンをサーバ側が判断してそれに合った文書を送ること。
|
|
24
|
+
“IE=edge”はIEでは常に最新のバージョンを指定している。
|
|
25
|
+
このmetaタグは必ずcssやjsなどの外部のファイルへのリンクが記述されている箇所より前に記述する。
|
|
26
|
+
外部のファイルの読み込みがあるとそこで表示モードが決定してしまうため。-->
|
|
27
|
+
<meta http-equiv="x-ua-compatible" content="IE=edge">
|
|
28
|
+
<title>Advanced Question</title>
|
|
29
|
+
<link href="css/style.css" rel="stylesheet" type="text/css">
|
|
30
|
+
</head>
|
|
31
|
+
<body>
|
|
32
|
+
<header>
|
|
33
|
+
<div class="header-contents">
|
|
34
|
+
<h1>タイトル</h1>
|
|
35
|
+
<h2>サブタイトル</h2>
|
|
36
|
+
</div><!-- /.header-contents -->
|
|
37
|
+
</header>
|
|
38
|
+
<div class="main-wrapper">
|
|
39
|
+
<section>
|
|
40
|
+
<!-- 必要に応じて、htmlを書く -->
|
|
41
|
+
<h1>課題D</h1>
|
|
42
|
+
<p>このファイル上の時間表示を24時間時計ではなく、「1:20」であれば「午前1:20」、「12:30」であれば「午後0:30」というように12時間時計の表示に変更しなさい。</p>
|
|
43
|
+
<hr>
|
|
44
|
+
<p>編集したindex4.htmlについて、ブラウザで動作確認を行う。</p>
|
|
45
|
+
<hr>
|
|
46
|
+
|
|
15
47
|
<p id = "clock"></p>
|
|
16
48
|
</section>
|
|
17
49
|
</div><!-- /.main-wrapper -->
|