teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

詳細

2017/04/23 15:25

投稿

goforward
goforward

スコア705

title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,60 @@
1
+ 左の「おいしいごはん」をクリックしたら右のhelloのページに行きたい
1
- までは
2
+ どこがいけないのでしょうか?同じ階層にありす。ひとつしたは/..ですが
3
+ ![![イメージ説明](be533ccf287284a12a99c4a350292ead.jpeg)]
4
+
2
5
  ```html
6
+ <!DOCTYPE html>
7
+ <html lang="ja">
8
+ <head>
9
+ <meta charset="utf8">
10
+ <title>はじめてのHTML</title>
11
+
12
+ </head>
13
+ <body>
14
+
15
+ <article>
16
+ <h1 a href="index5.html">おいしいごはん</a></h1>
17
+ <img src="ly.jpg" width="150" height="150" alt="ly jonaitis"></p>
18
+ </article>
19
+
20
+
21
+ </body>
22
+ </html
23
+
24
+ ```
25
+
26
+ ```html
27
+ <!DOCTYPE html>
28
+ <!-- saved from url=(0065)file:///C:/Users/eseb759bodeh/Desktop/html%20practice/index5.html -->
29
+ <html lang="ja"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
30
+
31
+ <title>CSS Practice</title>
32
+ <link rel="stylesheet" href="file:///C:/Users/eseb759bodeh/Desktop/html%20practice/default.css">
33
+ </head>
34
+ <body>
35
+
36
+ <div class="container">
37
+ <div class="box gray">
38
+ Hello Hello Hello Hello Hello Hello
39
+ </div>
40
+ <div class="box silver">
41
+ Hello Hello Hello
42
+ </div>
43
+ </div>
44
+ <div class="box orange">
45
+ Hello Hello Hello Hello Hello Hello
46
+ </div>
47
+
48
+
49
+ </body>
50
+ </html>
51
+ ```
52
+
53
+
54
+
55
+
56
+
57
+ ```html
3
58
  <link rel="stylesheet" href="default.css">
4
59
  ```などでしたがそうではなく、
5
60
 

1

cha

2017/04/23 15:25

投稿

goforward
goforward

スコア705

title CHANGED
File without changes
body CHANGED
@@ -5,4 +5,53 @@
5
5
 
6
6
  どうしても何かを作るときにはある文字なりをクリックしたら別のページへと飛んでくれないと困ります。どうやってやるのでしょうか?
7
7
 
8
- 宜しくお願い致します。
8
+ 宜しくお願い致します。
9
+ ![イメージ説明](00c0ccdd06bba141f3d221bc895d543b.jpeg)
10
+ たとえば左のこんにちはをクリックしたら 右のページへ移動するにはどうしたらよろしいでしょうか?
11
+
12
+
13
+ ```html
14
+ <!DOCTYPE html>
15
+ <html lang="ja">
16
+ <head>
17
+ <meta charset="utf8">
18
+ <meta name="description" content="初めてのHTML文書です。">
19
+ <title>はじめてのHTML</title>
20
+ <link rel="shortcut icon" href="favicon.ico">
21
+ </head>
22
+ <body>
23
+ <p>こんにちは!</p>
24
+ </body>
25
+ </html>
26
+ ```
27
+
28
+ ```htmlコード
29
+ <!DOCTYPE html>
30
+ <html lang="ja">
31
+ <head>
32
+ <meta charset="utf-8">
33
+ <title>jQueryの練習</title>
34
+ </head>
35
+ <body>
36
+ <p>jQueryの練習</p>
37
+
38
+ <button>もっと読む</button>
39
+ <div id="result"></div>
40
+
41
+ <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
42
+ <script>
43
+ $(function() {
44
+
45
+ // Ajax
46
+ // Asynchronous JavaScript + XML
47
+ // サーバーと通信 + ページの書き換え
48
+
49
+ $('button').click(function() {
50
+ $('#result').load('more.html');
51
+ });
52
+
53
+ });
54
+ </script>
55
+ </body>
56
+ </html>
57
+ ```