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

質問編集履歴

3

コードを<head>~</head>内に記述していたため修正致しました。

2018/10/09 04:28

投稿

rebell
rebell

スコア19

title CHANGED
File without changes
body CHANGED
@@ -14,6 +14,8 @@
14
14
  <title>社員登録</title>
15
15
  <link rel="stylesheet" type="text/css" href="style.css">
16
16
  </head>
17
+
18
+ <body>
17
19
  <p>
18
20
  社員No<input type="text" name="namae" size="40" maxlength="4"><input type="button" value="選択">
19
21
  </p>
@@ -50,7 +52,7 @@
50
52
  <button type="submit" disabled>削除</button>
51
53
  <button type="submit">登録</button>
52
54
  <button type="submit">終了</button>
53
- <body></body>
55
+ </body>
54
56
  </html>
55
57
  ```
56
58
  追記
@@ -66,12 +68,14 @@
66
68
  <title>社員登録</title>
67
69
  <link rel="stylesheet" type="text/css" href="style.css">
68
70
  </head>
71
+
72
+ <body>
69
73
  <ul class="container">
70
74
  <li class="item">社員No</li>
71
75
  <li class="item"><input type="text" name="namae" size="40" maxlength="4"></li>
72
76
  <li class="item"><input type="button" value="選択"></li>
73
77
  </ul>
74
- <body></body>
78
+ </body>
75
79
  </html>
76
80
  ```
77
81
 

2

htmlの下にitemを記載したコードを記載しました

2018/10/09 04:28

投稿

rebell
rebell

スコア19

title CHANGED
File without changes
body CHANGED
@@ -53,7 +53,28 @@
53
53
  <body></body>
54
54
  </html>
55
55
  ```
56
+ 追記
56
57
 
58
+ 上記のhtmlコードで最初に組んでレイアウトが綺麗でなかったため、
59
+ class属性のitemを作ってコーディングしてみたのですが。。
60
+
61
+ ```html
62
+ <!DOCTYPE html>
63
+ <html lang="ja">
64
+ <head>
65
+ <meta charset="UTF-8">
66
+ <title>社員登録</title>
67
+ <link rel="stylesheet" type="text/css" href="style.css">
68
+ </head>
69
+ <ul class="container">
70
+ <li class="item">社員No</li>
71
+ <li class="item"><input type="text" name="namae" size="40" maxlength="4"></li>
72
+ <li class="item"><input type="button" value="選択"></li>
73
+ </ul>
74
+ <body></body>
75
+ </html>
76
+ ```
77
+
57
78
  ```css
58
79
  p{
59
80
  font-size: 12px;
@@ -89,7 +110,6 @@
89
110
  }
90
111
  ```
91
112
 
92
-
93
113
  markdownうまく出来ず申し訳ないです。
94
114
 
95
115
  詳しい方いらっしゃいましたらご教授お願いします。

1

markdoun修正

2018/10/09 03:20

投稿

rebell
rebell

スコア19

title CHANGED
File without changes
body CHANGED
@@ -6,7 +6,6 @@
6
6
 
7
7
  ![イメージ説明](63fda98c2bdbf30a3a4e3034a6c1069c.png)
8
8
 
9
- html
10
9
  ```html
11
10
  <!DOCTYPE html>
12
11
  <html lang="ja">
@@ -52,7 +51,8 @@
52
51
  <button type="submit">登録</button>
53
52
  <button type="submit">終了</button>
54
53
  <body></body>
55
- </html>```
54
+ </html>
55
+ ```
56
56
 
57
57
  ```css
58
58
  p{
@@ -86,7 +86,8 @@
86
86
  background: skyblue;/*背景を水色に*/
87
87
  font-weight: bold;/*文字を太字に*/
88
88
  color:white /*文字色を白に*/
89
+ }
89
- }```
90
+ ```
90
91
 
91
92
 
92
93
  markdownうまく出来ず申し訳ないです。