質問編集履歴

4

文法

2020/12/29 07:21

投稿

ryonakano0809
ryonakano0809

スコア5

test CHANGED
File without changes
test CHANGED
@@ -231,3 +231,7 @@
231
231
  }
232
232
 
233
233
  ```
234
+
235
+
236
+
237
+ /Users/ryookada/Downloads/IMG_1872.PNG

3

文法の修正

2020/12/29 07:20

投稿

ryonakano0809
ryonakano0809

スコア5

test CHANGED
File without changes
test CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  どうしてもアイコンが丸くなりません。教えていただきたいです。
4
4
 
5
+ おそらくCSSの imgあたりがおかしいのでは?と
6
+
5
7
  ```HTML
6
8
 
7
9
  <!DOCTYPE html>

2

書式の改善

2020/12/29 06:49

投稿

ryonakano0809
ryonakano0809

スコア5

test CHANGED
File without changes
test CHANGED
@@ -176,8 +176,6 @@
176
176
 
177
177
  }
178
178
 
179
-
180
-
181
179
  header{
182
180
 
183
181
  background-color: #efefef;
@@ -228,4 +226,6 @@
228
226
 
229
227
  margin-left: 32px;
230
228
 
229
+ }
230
+
231
- }```
231
+ ```

1

文法

2020/12/29 06:43

投稿

ryonakano0809
ryonakano0809

スコア5

test CHANGED
File without changes
test CHANGED
@@ -2,6 +2,168 @@
2
2
 
3
3
  どうしてもアイコンが丸くなりません。教えていただきたいです。
4
4
 
5
+ ```HTML
6
+
7
+ <!DOCTYPE html>
8
+
9
+ <html lang="ja">
10
+
11
+ <head>
12
+
13
+ <meta charset="utf-8">
14
+
15
+ <title>諒のポートフォリオサイト</title>
16
+
17
+ <link rel="icon" href="favicon.ico">
18
+
19
+ <meta name="description" content="諒のポートフォリオサイト">
20
+
21
+ <link rel="stylesheet" href="css/styles.css">
22
+
23
+
24
+
25
+ </head>
26
+
27
+ <body>
28
+
29
+ <header>
30
+
31
+ <div class="container">
32
+
33
+ <div>
34
+
35
+
36
+
37
+ <img src="taro.png" width="120" height="120" alt="中野のアイコンです">
38
+
39
+
40
+
41
+ </div>
42
+
43
+ <div class="info">
44
+
45
+
46
+
47
+
48
+
49
+ <h1>中野諒</h1>
50
+
51
+ <p>妻子持ちです。</p>
52
+
53
+ <ul>
54
+
55
+ <li>
56
+
57
+
58
+
59
+ <a href="https://dotinstall.com" target="_blank">
60
+
61
+
62
+
63
+ <img src="blog.png" width="20" height="20" alt="ブログサイトへのリンク画像です">
64
+
65
+
66
+
67
+ </a>
68
+
69
+ </li>
70
+
71
+ <li>
72
+
73
+ <a href="https://dotinstall.com" target="_blank">
74
+
75
+ <img src="photos.png" width="20" height="20" alt="写真サイトへのリンク画像です">
76
+
77
+ </a>
78
+
79
+
80
+
81
+ </li>
82
+
83
+
84
+
85
+ </ul>
86
+
87
+
88
+
89
+ </div>
90
+
91
+
92
+
93
+ </div>
94
+
95
+ </header>
96
+
97
+ <section>
98
+
99
+
100
+
101
+ <h1>works</h1>
102
+
103
+
104
+
105
+ <section>
106
+
107
+ <img src="work1.png" width="400" height="260" alt="勇者ゲームの紹介画像">
108
+
109
+ <h2>勇者ゲーム</h2>
110
+
111
+ <p>楽しいアプリです楽しいあぷりです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです</p>
112
+
113
+ </section>
114
+
115
+
116
+
117
+ <section>
118
+
119
+ <img src="work2.png" width="400" height="260" alt="宝探しゲームの紹介画像">
120
+
121
+ <h1>宝探しゲーム</h1>
122
+
123
+ <p>楽しいアプリです楽しいあぷりです楽しいアプリです楽しいアプリです
124
+
125
+ 楽しいアプリです楽しいアプリです</p>
126
+
127
+ </section>
128
+
129
+
130
+
131
+ <section>
132
+
133
+ <img src="work3.png" width="400" height="260" alt="神経衰弱の紹介画像">
134
+
135
+ <h1>神経衰弱</h1>
136
+
137
+ <p>楽しいアプリです楽しいあぷりです楽しいアプリです楽しいアプリです
138
+
139
+ 楽しいアプリです楽しいアプリです</p>
140
+
141
+ </section>
142
+
143
+
144
+
145
+
146
+
147
+ </section>
148
+
149
+ <footer>
150
+
151
+
152
+
153
+ <p>(c)dotinstaill.com</p>
154
+
155
+
156
+
157
+ </footer>
158
+
159
+ </body>
160
+
161
+ </html>
162
+
163
+ ```
164
+
165
+
166
+
5
167
  ```CSS
6
168
 
7
169
  body {