質問編集履歴

3

修正

2019/01/30 12:59

投稿

stone_yama
stone_yama

スコア17

test CHANGED
File without changes
test CHANGED
@@ -24,7 +24,39 @@
24
24
 
25
25
  ```ここに言語を入力
26
26
 
27
+ <?php
28
+
29
+ define('cssinc', 'toppages');
30
+
27
- <?php include('header.php'); ?>
31
+ include('header.php');
32
+
33
+ ?>
34
+
35
+
36
+
37
+ <link rel='stylesheet' type='text/css' href='./css/<?php echo cssinc; ?>.css'>
38
+
39
+
40
+
41
+ <section id='about'>
42
+
43
+ <h2 class='title'>ABOUT</h2>
44
+
45
+ <p class="description">
46
+
47
+ 内容
48
+
49
+ </p>
50
+
51
+ </section>
52
+
53
+ <script src='https://code.jquery.com/jquery-2.1.3.min.js'></script>
54
+
55
+ </body>
56
+
57
+ </html>
58
+
59
+
28
60
 
29
61
  ```
30
62
 
@@ -36,7 +68,7 @@
36
68
 
37
69
  <!DOCTYPE html>
38
70
 
39
- <html>
71
+ <html lang='ja'>
40
72
 
41
73
  <head>
42
74
 
@@ -44,9 +76,9 @@
44
76
 
45
77
  <meta name="viewport" content="width=device-width, initial-scale=1">
46
78
 
47
- <title></title>
79
+ <title>タイトル</title>
48
80
 
49
- <link rel='stylesheet' type='text/css' href='css/header.css'>
81
+ <link rel='stylesheet' type='text/css' href='./css/header.css'>
50
82
 
51
83
  </head>
52
84
 
@@ -54,13 +86,39 @@
54
86
 
55
87
  <header>
56
88
 
57
-
89
+ <section id="main">
90
+
91
+ <p>見出し</p>
92
+
93
+ </section>
94
+
95
+ <div class="collapse navbar-collapse" id="navbarEexample">
96
+
97
+ <ul class="nav navbar-nav">
98
+
99
+ <li>TOP</li>
100
+
101
+ <li>ABOUT</li>
102
+
103
+ <li>MENU</li>
104
+
105
+ <li>NEWS</li>
106
+
107
+ <li>ACCESS</li>
108
+
109
+ <li>CONTACT</li>
110
+
111
+ </ul>
112
+
113
+ <a href='toppages.php'>トップへ</a>
114
+
115
+ </div>
116
+
117
+ </nav>
58
118
 
59
119
  </header>
60
120
 
61
- </body>
62
121
 
63
- </html>
64
122
 
65
123
  ```
66
124
 
@@ -74,7 +132,7 @@
74
132
 
75
133
  ![フォルダ階層](9021622b656f26093d7b55c9b19fbfc3.png)
76
134
 
77
- ![ページのソース](3719b60bbdd88577447d84440f0c2257.png)
135
+ ![ページのソース](5156c24467430374afb78a16c0a0eacb.png)
78
136
 
79
137
 
80
138
 
@@ -89,3 +147,21 @@
89
147
  }
90
148
 
91
149
  ```
150
+
151
+
152
+
153
+ 「toppages.css」
154
+
155
+ ```ここに言語を入力
156
+
157
+ p {
158
+
159
+ color: blue;
160
+
161
+ }
162
+
163
+ ```
164
+
165
+
166
+
167
+ ![実行結果](cf2ddb2f8fff2ad0c55c728b509508bb.png)

2

修正

2019/01/30 12:59

投稿

stone_yama
stone_yama

スコア17

test CHANGED
File without changes
test CHANGED
@@ -72,4 +72,20 @@
72
72
 
73
73
 
74
74
 
75
- ![イメージ説明](9021622b656f26093d7b55c9b19fbfc3.png)
75
+ ![フォルダ階層](9021622b656f26093d7b55c9b19fbfc3.png)
76
+
77
+ ![ページのソース](3719b60bbdd88577447d84440f0c2257.png)
78
+
79
+
80
+
81
+ 「header.css」
82
+
83
+ ```ここに言語を入力
84
+
85
+ p {
86
+
87
+ color: red;
88
+
89
+ }
90
+
91
+ ```

1

修正

2019/01/30 12:42

投稿

stone_yama
stone_yama

スコア17

test CHANGED
File without changes
test CHANGED
@@ -69,3 +69,7 @@
69
69
 
70
70
 
71
71
  toppages.phpとheader.phpは同じ階層にあります。
72
+
73
+
74
+
75
+ ![イメージ説明](9021622b656f26093d7b55c9b19fbfc3.png)