コードが文字数の関係で収まらなかったので、HTMLだけ別で再投稿させていただきました。CSSは1つ前の投稿にございます。(https://teratail.com/questions/83539)
見辛くて申し訳ありません。よろしく願いいたします。
HTML
1 2 <!DOCTYPE html> 3<html lang="ja"> 4<head> 5 <meta charset="UTF-8"> 6 <title>###</title> 7 8 9 10 <link rel="stylesheet" type="text/css" href="test.css"> 11 <link rel="icon" href="icon.jpg"> 12 13 14</head> 15<body> 16 17 18 19 20 <div class="main"> 21 <p class="photo-title">###</p> 22 23 24 <div class="box"> 25 <div class="whole-photo"> 26 27 28 <img src="pic.png" > 29 30 31 </div> 32 </div> 33 34 35 36 <div class="note" id="note"> 37 <img src="green.png" class="tape"/> 38 39 <p class="memo-title">〜メモ〜</p> 40 <div class="letters"> 41 <p>""" 42 </p> 43 </div> 44 45 </div> 46 47 48 49 <div> 50 51 52 <div> 53 <nav class="tab-change"> 54 <a href='#howtosee'>見かた</a> 55 <a href='#this-week'>一週間</a> 56 <a href='#today'>今日</a> 57 58 59 </nav> 60 </div> 61 62 63 64 <div id='today' class='content'> 65 <p class="Day-title"><span id="view_today"></span>音情報</p> 66 <div class="day"> 67 <table border="1" rules="cols" > 68 69 <tr> 70 <td>10時</td> 71 <td>12時</td> 72 <td>14時</td> 73 <td>16時</td> 74 <td>18時</td> 75 </tr> 76 77 <tr> 78 <td> 79 80 81 82 83 <div class="base"> 84 85 <div class="low-frequency"> 86 <img src="frequency-4.png" > 87 </div> 88 89 <div class="decibel"> 90 <img src="decibel-2.png"> 91 </div> 92 </div> 93 94 <p>79Hz</p> 95 96 </td> 97 <td> 98 99 <div class="base"> 100 101 <div class="low-frequency"> 102 <img src="frequency-1.png"> 103 </div> 104 105 <div class="decibel"> 106 <img src="decibel-2.png"> 107 </div> 108 </div> 109 110 <p>237Hz</p> 111 112 </td> 113 <td> 114 115 <div class="base"> 116 117 <div class="low-frequency"> 118 <img src="frequency-3.png"> 119 </div> 120 121 <div class="decibel"> 122 <img src="decibel-3.png"> 123 </div> 124 </div> 125 126 <p>195Hz</p> 127 128 129 130 131 </td> 132 <td> 133 134 <div class="base"> 135 136 137 138 139 140 141 <div class="low-frequency"> 142 <img src="lowest.png"> 143 </div> 144 145 <div class="decibel"> 146 <img src="decibel-2.png"> 147 </div> 148 </div> 149 150 <p>250Hz</p> 151 152 153 154 </td> 155 <td> 156 157 <div class="base"> 158 159 <div class="low-frequency"> 160 <img src="frequency-3.png"> 161 </div> 162 163 <div class="decibel"> 164 <img src="decibel-3.png"> 165 </div> 166 </div> 167 168 <p>129Hz</p> 169 170 171 172 173 </td> 174 175 </tr> 176 177 </table> 178 </div> 179 180 </div> 181 <div id='this-week' class='content'> 182 <p class="Week-title">情報</p> 183 <div class="week"> 184 <table border="1" rules="cols"> 185 186 <tr> 187 <td>月</td> 188 <td>火</td> 189 <td>水</td> 190 <td>木</td> 191 <td>金</td> 192 <td class="hide">土</td> 193 <td class="hide">日</td> 194 195 </tr> 196 197 <tr> 198 <td> 199 <img src="rest.png"> 200 201 </td> 202 <td> 203 204 <img src="rest.png"> 205 206 </td> 207 <td> 208 <img src="rest.png"> 209 210 211 </td> 212 <td> 213 <img src="rest.png"> 214 215 216 </td> 217 <td> 218 <img src="rest.png"> 219 220 221 </td> 222 <td class="hide"> 223 224 <img src="rest.png"> 225 </td> 226 <td class="hide"> 227 <img src="rest.png"> 228 </td> 229 </tr> 230 231 </table> 232 </div> 233 234 </div> 235 236 237 238 239 <div id='howtosee' class='content'> 240 241 242 243 <p class="howtosee-title">見方</p> 244 245 246 247 248 <div class="out"><p class="in" id="explain-1">###</p> 249 </div> 250 251 252 253 <div class="frequency-levels"> 254 <img src="frequency-levels.png"> 255 </div> 256 257 <p class="small-1">####</p> 258 259 260 <div class="out"><p class="in" id="explain-2">####</p> 261 </div> 262 263 <div class="decibel-levels"> 264 <img src="decibel-levels.png"> 265 </div> 266 267 <p id="explain-3">####</p> 268 <p class="small-2">#####</p> 269 270 271 272 <p class="howtosee-title2">###</p> 273 <p class="explain">####</p> 274 <p class="explain"><br>####。<br/><br>#####<br/></p> 275 276 277 278 <p class="howtosee-title3">###</p> 279 <p class="explain">###。<br> 280 <br>###</p> 281 282 283 284 285 286 287 </div> <!-- #howtoseeの閉じタグ --> 288 289 290 </div> 291 292 293 294 295 296 297 298 299 300</div> 301 302</body> 303</html> 304 305
回答1件
あなたの回答
tips
プレビュー