上午学习了 table标签下的 cellspacing\cellpadding
img标签的三个属性 src alt title
下午接着学了超链接 a标签 它的绝对路径 相对路径 锚点链接
总体来说今天的学习收获还是可以的,自己还是需要多练习
代码 及难点 易混淆
<table border="1px" width="200px" height="200px" cellspacing="0px" cellpadding="30px" >
<tr>
<td>英语</td>
<td>数学</td>
cellspacing="0px":单元格之间的间距
cellpadding="0px":内容与边框。。。
图像标签:
img标签<img>
属性1:src="图片的路径"
绝对路径:硬盘地址:c:// D:// E://
相对。。:相对于本html文件路径
"/" :路径分隔符
"./" :同路径(可省略)
"../":上一级目录
属性2:alt 当图片不显示,写的文字
属性3:title 鼠标放到图片上显示的文字
<img src="F:\HTML\day02\img\a.png" alt="出错了" title="点击一下 你懂得">
下午学的
超链接标签:<a></a>
属性:herf="链接跳转地址"
html的地址
相对路径:
绝对路径:
文件地址:如果浏览器能解析就会给你显示
如果解析不了提供下载功能
属性:target:
1._blank : 在新窗口打开
2._self :当前页面打开(默认)
属性:title="鼠标放上去显示的文字"
锚点链接:
锚:<a name="top"></a> (top可以是任何名)
<a id="top"></a> !!!ID跟name的区别在与 ID只能有一个
底部:<a href="#top">回到顶部</a>
<a href="网页地址#top">回到顶部</a>
难点
a 标签
name属性
<a name="1">姓名</td>
herf 属性
<td><a href="0322信息详表.html #1" target="_blank">查看详情</td>
今天下午写作业 写了 616行代码 感觉不是很适应 但确实很动脑子 太需要脑力劳动了 期待挑战更高 更有难度的技术 开心
0322信息表
1 1 <!DOCTYPE html> 2 2 <html> 3 3 <head> 4 4 <meta charset="utf-8"> 5 5 <title>0322班学生信息表</title> 6 6 </head> 7 7 <body> 8 8 <table border="1px" width="50%" cellpadding="20" align="center" cellspacing="0"> 9 9 <caption> 10 10 <big><b>个人信息表</b></big> 11 11 </caption> 12 12 <tr> 13 13 <td>姓名</td> 14 14 <td>性别</td> 15 15 <td>年龄</td> 16 16 <td>生日</td> 17 17 <td>查看详情</td> 18 18 </tr> 19 19 <tr> 20 20 <td>战森</td> 21 21 <td>男</td> 22 22 <td>30</td> 23 23 <td>19890727</td> 24 24 <td><a href="0322信息详表.html #1" target="_blank">查看详情</td> 25 25 </tr> 26 26 <tr> 27 27 <td>李瑞</td> 28 28 <td>男</td> 29 29 <td>34</td> 30 30 <td>1234</td> 31 31 <td><a href="0322信息详表.html #2" target="_blank">查看详情</td> 32 32 </tr> 33 33 <tr> 34 34 <td>韩振宇</td> 35 35 <td>男</td> 36 36 <td>367</td> 37 37 <td>1234</td> 38 38 <td><a href="0322信息详表.html #3" target="_blank">查看详情</td> 39 39 </tr> 40 40 <tr> 41 41 <td>李文龙</td> 42 42 <td>男</td> 43 43 <td>67</td> 44 44 <td>1234</td> 45 45 <td><a href="0322信息详表.html #4" target="_blank">查看详情</td> 46 46 </tr> 47 47 <tr> 48 48 <td>袁一鸣</td> 49 49 <td>男</td> 50 50 <td>33</td> 51 51 <td>1234</td> 52 52 <td><a href="0322信息详表.html #5" target="_blank">查看详情</td> 53 53 </tr> 54 54 <tr> 55 55 <td>耿庆资</td> 56 56 <td>男</td> 57 57 <td>2</td> 58 58 <td>1234</td> 59 59 <td><a href="0322信息详表.html #6" target="_blank">查看详情</td> 60 60 </tr> 61 61 <tr> 62 62 <td>信皓珣</td> 63 63 <td>男</td> 64 64 <td>36</td> 65 65 <td>1234</td> 66 66 <td><a href="0322信息详表.html #7" target="_blank">查看详情</td> 67 67 </tr> 68 68 </table> 69 69 </body> 70 70 </html>
616行代码如下:(0322信息详表)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <center> 9 <table border="1" cellpadding="20" cellspacing="0" width="50%" align="center"> 10 <caption> 11 <big><b>个人简历</b></big> 12 </caption> 13 <tr> 14 <td><a name="1">姓名</td> 15 <td>JAVAz</td> 16 <td>性别</td> 17 <td>难</td> 18 <td rowspan="5">111</td> 19 </tr> 20 <tr> 21 <td>民族</td> 22 <td>汉</td> 23 <td>籍贯</td> 24 <td>山东淄博</td> 25 </tr> 26 <tr> 27 <td>出生日期</td> 28 <td>19890525</td> 29 <td>政治面貌</td> 30 <td>党员</td> 31 </tr> 32 <tr> 33 <td>学历</td> 34 <td>本科</td> 35 <td>婚姻</td> 36 <td>未</td> 37 </tr> 38 <tr> 39 <td>专业</td> 40 <td>Java</td> 41 <td>健康状况</td> 42 <td>很健康</td> 43 </tr> 44 <tr> 45 <td>求职意向</td> 46 <td colspan="4">一切高薪的工作都是有动力的</td> 47 </tr> 48 <tr> 49 <td>毕业院校</td> 50 <td>山东理工大学</td> 51 <td>QQ</td> 52 <td colspan="2">329027486</td> 53 </tr> 54 <tr> 55 <td>联系电话</td> 56 <td>15106436835</td> 57 <td>邮箱</td> 58 <td colspan="2">zhansen521@163</td> 59 </tr> 60 <tr> 61 <td>主修课程</td> 62 <td colspan="4">汉语 英语 Java</td> 63 </tr> 64 <tr> 65 <td>个人技能</td> 66 <td colspan="4">个人能力木问题</td> 67 </tr> 68 </table> 69 </center> 70 <center> 71 <table border="1" cellpadding="20" cellspacing="0" width="50%" align="center"> 72 <caption><h3>个人简历</h3></caption> 73 <tbody><tr> 74 <td><a name="4">姓名:</td> 75 <td>李文龙</td> 76 <td>出生日期:</td> 77 <td>960927</td> 78 <td>性别:</td> 79 <td>男</td> 80 </tr> 81 <tr> 82 <td>身份证:</td> 83 <td></td> 84 <td>户口:</td> 85 <td>山东省淄博市</td> 86 <td>未婚状况:</td> 87 <td>未婚</td> 88 </tr> 89 <tr> 90 <td>学历:</td> 91 <td>专科</td> 92 <td>身高:</td> 93 <td>180cm</td> 94 <td>体重:</td> 95 <td>65kg</td> 96 </tr> 97 <tr> 98 <td>专业:</td> 99 <td>机电一体化</td> 100 <td>身高:</td> 101 <td>汉</td> 102 <td>政治面貌</td> 103 <td>团员</td> 104 </tr> 105 <tr> 106 <td colspan="2" height="24">家庭住址:</td> 107 <td colspan="4">山东省淄博市</td> 108 </tr> 109 <tr> 110 <td>手机号码:</td> 111 <td colspan="2">15762837161</td> 112 <td>个人主页:</td> 113 <td colspan="3"></td> 114 </tr> 115 <tr> 116 <td>固定电话:</td> 117 <td colspan="2">15762837161</td> 118 <td>电子信箱:</td> 119 <td colspan="3">2468822012@qq.com</td> 120 </tr> 121 <tr height="100"> 122 <td>教育经历:</td> 123 <td colspan="6"> 124 125 初中:高青三中<br> 126 高中:高青一中<br> 127 大学:青岛理工大学<br> 128 </td> 129 </tr> 130 <tr> 131 <td>外语水平:</td> 132 <td colspan="5">很好</td> 133 </tr> 134 <tr> 135 <td colspan="7" align="center"><b>工作经历</b></td> 136 </tr> 137 <tr align="center"> 138 <td colspan="2">工作时间</td> 139 <td colspan="3">工作单位</td> 140 <td colspan="2">工作职位</td> 141 </tr> 142 <tr> 143 <td colspan="2">2018-2019</td> 144 <td colspan="3">淄博通普真空设备</td> 145 <td colspan="2">工程师助理</td> 146 </tr> 147 <tr height="100"> 148 <td>工作描述:</td> 149 <td colspan="7">根据自己的实际情况填写</td> 150 </tr> 151 <tr> 152 <td colspan="7" align="center"><b>项目经验</b></td> 153 </tr> 154 <tr> 155 <td colspan="7" height="100">根据销售部提供的客户确认图纸画下料图纸,到工程现场独立排尺出图,出设计方案图纸,根据客户的描述在电脑上制作非标模型,根据销售人员描述的非标产品判断是否可以生产。 156 </td> 157 </tr> 158 <tr> 159 <td colspan="7" align="center"><b>自我评价</b></td> 160 </tr> 161 <tr> 162 <td colspan="7" height="300"> 163 能吃苦耐劳,对待工作,学习,人生积极乐观。有坚毅的性格和强烈的责任心,集体荣誉感强 164 诚实守信,具有团队协作能力,创新意识<br> 165 </td> 166 </tr> 167 <tr> 168 <td colspan="7" align="center"><b>求职意向</b></td> 169 </tr> 170 <tr> 171 <td>工作地点:</td> 172 <td colspan="6">山东省</td> 173 </tr> 174 <tr> 175 <td>意向行业:</td> 176 <td colspan="6">计算机/互联网/通信/电子</td> 177 </tr> 178 <tr> 179 <td>意向岗位:</td> 180 <td colspan="6">本专业相关或相近的工作职位</td> 181 </tr> 182 <tr> 183 <td>工作要求:</td> 184 <td colspan="6">面议</td> 185 </tr> 186 </table> 187 </center> 188 <center> 189 <table border="1" cellpadding="20" cellspacing="0" width="50%" align="center"> 190 <caption> 191 <big><b>个人简历</b></big> 192 <tr> 193 <td><a name="5">姓名:</td> 194 <td>袁一鸣></td> 195 <td>出生日期:</td> 196 <td>1997年9月19日</td> 197 <td>性别:</td> 198 <td>男</td> 199 <td rowspan="5" width="100" > 200 <img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1486417265,2302447757&fm=58&bpow=1200&bpoh=1600" alt="是本人"> 201 </td> 202 </tr> 203 <tr> 204 <td>身份证:</td> 205 <td>XXX</td> 206 <td>户口:</td> 207 <td>山东省淄博市</td> 208 <td>未婚状况:</td> 209 <td>未婚</td> 210 </tr> 211 <tr> 212 <td>学历:</td> 213 <td>大专</td> 214 <td>身高:</td> 215 <td>192cm</td> 216 <td>体重:</td> 217 <td>95kg</td> 218 </tr> 219 <tr> 220 <td>专业:</td> 221 <td>会计</td> 222 <td>民族:</td> 223 <td>汉</td> 224 <td>政治面貌:</td> 225 <td>吃瓜群众</td> 226 </tr> 227 <tr> 228 <td colspan="2">家庭地址:</td> 229 <td colspan="4">山东淄博</td> 230 </tr> 231 <tr> 232 <td>手机号码:</td> 233 <td colspan="2">135616************</td> 234 <td>个人主页:</td> 235 <td colspan="3">XXXX</td> 236 </tr> 237 <tr> 238 <td>固定电话:</td> 239 <td colspan="2">25500012345</td> 240 <td>电子信箱</td> 241 <td colspan="3">asdlsalkjd@126.com</td> 242 </tr> 243 <tr> 244 <td>教育经历:</td> 245 <td colspan="6" height="100"> 246 小学.... 247 <br> 248 初中.... 249 <br> 250 高中.... 251 <br> 252 大学....</td> 253 254 </tr> 255 <tr> 256 <td>外语水平:</td> 257 <td colspan="6">一般一般</td> 258 259 </tr> 260 <tr> 261 <td colspan="7" align="center"><b>工作经历</b></td> 262 263 </tr> 264 <tr align="center"> 265 <td colspan="2">工作时间</td> 266 <td colspan="3">工作单位</td> 267 <td colspan="2">工作职位</td> 268 </tr> 269 <tr> 270 <td colspan="2">2016-2017</td> 271 <td colspan="3">甲骨文(淄博)</td> 272 <td colspan="2">Java程序员</td> 273 </tr> 274 <tr> 275 <td>工作描述:</td> 276 <td colspan="6" height="100">你猜</td> 277 </tr> 278 <tr> 279 <td colspan="7" align="center" ><b>项目经验</b></td> 280 </tr> 281 <tr> 282 <td colspan="7" height="100">你再猜猜看</td> 283 </tr> 284 <tr> 285 <td colspan="7" align="center" ><b>自我评价</b></td> 286 </tr> 287 <td height="300" colspan="7">能吃苦耐劳,对待工作,学习,人生积极乐观。有坚毅的性格和强烈的责任心,集体荣誉感强 诚实守信,具有团队协作能力,创新意识</td> 288 <tr> 289 <td colspan="7" align="center"><b>求职意向</b></td> 290 </tr> 291 <tr> 292 <td>工作地点:</td> 293 <td colspan="6" >广州市</td> 294 </tr> 295 <tr> 296 <td>意向行业:</td> 297 <td colspan="6" >计算机/互联网/通信/电子</td> 298 </tr> 299 <tr> 300 <td>向岗位:</td> 301 <td colspan="6" > 本专业相关或相近的工作职位</td> 302 </tr> 303 <tr> 304 <td>工作要求: </td> 305 <td colspan="6" >面议</td> 306 <a href="#3" target=""_blank>查看详情</a> 307 </tr> 308 </caption> 309 </center> 310 <center> 311 <table border="1" cellpadding="20" cellspacing="0" width="50%" align="center"> 312 <caption> 313 <big><b>个人简历</b></big> 314 <tr> 315 <td><a name="7">姓名</td> 316 <td>信皓珣</td> 317 <td>年龄</td> 318 <td>23</td> 319 <td colspan="2" ></td> 320 </tr> 321 <tr> 322 <td>身份证:</td> 323 <td>XXX</td> 324 <td>户口:</td> 325 <td>山东省淄博市</td> 326 <td>未婚状况:</td> 327 <td>未婚</td> 328 </tr> 329 <tr> 330 <td>学历:</td> 331 <td>专科</td> 332 <td>身高:</td> 333 <td>175cm</td> 334 <td>体重:</td> 335 <td>60kg</td> 336 </tr> 337 <tr> 338 <td>专业:</td> 339 <td>会计电算化</td> 340 <td>身高:</td> 341 <td>175cm</td> 342 <td>政治面貌</td> 343 <td>党员</td> 344 </tr> 345 <tr> 346 <td height="200" colspan="2">家庭住址:</td> 347 <td colspan="4">山东淄博</td> 348 </tr> 349 <tr> 350 <td>手机号码:</td> 351 <td colspan="2">18606437586</td> 352 <td>个人主页:</td> 353 <td colspan="3">******</td> 354 </tr> 355 <tr> 356 <td colspan="2">实习单位</td> 357 <td colspan="4">甲骨文(淄博)Java程序员</td> 358 359 </tr> 360 <tr> 361 362 <td colspan="6">个人描述</td> 363 </tr> 364 <tr> 365 <td colspan="7" height="300"> 366 能吃苦耐劳,对待工作,学习,人生积极乐观。有坚毅的性格和强烈的责任心,集体荣誉感强 367 诚实守信,具有团队协作能力,创新意识<br/> 368 </td> 369 </tr> 370 <td>意向岗位:</td> 371 <td colspan="6">*****</td> 372 <a href="0322信息表#4" target="_blank">查看详情</a> 373 </table> 374 </caption> 375 </center> 376 <center> 377 <table border="1" cellpadding="20" cellspacing="0" width="50%" align="center"> 378 <caption> 379 <tr align="center"> 380 <td><a name="5">姓名</td> 381 <td>李瑞</td> 382 <td>出生日期:</td> 383 <td>1997年6月11日</td> 384 <td>性别:</td> 385 <td>男</td> 386 <td><img src="img/a.jpg" width="120px"></td> 387 <td rowspan="5"></td> 388 </tr> 389 <tr align="center"> 390 <td>身份证:</td> 391 <td>XXXXX</td> 392 <td>户口:</td> 393 <td>山东省淄博市</td> 394 <td>未婚状况:</td> 395 <td>未婚</td> 396 </tr> 397 <tr align="center"> 398 <td>学历:</td> 399 <td>本科</td> 400 <td>身高:</td> 401 <td>185cm</td> 402 <td>体重:</td> 403 <td>85kg</td> 404 </tr> 405 <tr align="center"> 406 <td>专业:</td> 407 <td>工程造价</td> 408 <td>身高:</td> 409 <td>汉</td> 410 <td>政治面貌</td> 411 <td>团员</td> 412 </tr> 413 <tr> 414 <td height="24" colspan="2">家庭住址:</td> 415 <td colspan="4">山东省淄博市</td> 416 </tr> 417 <tr> 418 <td>手机号码:</td> 419 <td colspan="2">189544366XX</td> 420 <td>个人主页:</td> 421 <td colspan="3">无</td> 422 </tr> 423 <tr> 424 <td>固定电话:</td> 425 <td colspan="2">2111541</td> 426 <td>电子信箱:</td> 427 <td colspan="3">537701409qq.com</td> 428 </tr> 429 <tr height="100"> 430 <td>教育经历:</td> 431 <td colspan="6"> 432 小学CXXXXXX<br/> 433 初中MXXXXXX<br/> 434 高中AXXXXXX<br/> 435 大学BXXXXXX<br/> 436 </td> 437 </tr> 438 <tr> 439 <td>英语水平:</td> 440 <td colspan="6">火星语八级,鸟语十二级。</td> 441 </tr> 442 <tr> 443 <td colspan="7" align="center"><b>工作经历</b></td> 444 </tr> 445 <tr align="center"> 446 <td colspan="2">工作时间</td> 447 <td colspan="3">工作单位</td> 448 <td colspan="2">工作职位</td> 449 </tr> 450 <tr> 451 <td colspan="2">xxxxx</td> 452 <td colspan="3">xxxxx</td> 453 <td colspan="2">xxxxxx</td> 454 </tr> 455 <tr height="100"> 456 <td>工作描述:</td> 457 <td colspan="7">火星扛把子,不服来战!</td> 458 </tr> 459 <tr> 460 <td colspan="7" align="center"><b>项目经验</b></td> 461 </tr> 462 <tr> 463 <td colspan="7" height="100">职业扛把子!!!</td> 464 </tr> 465 <tr> 466 <td colspan="7" align="center"><b>自我评价</b></td> 467 </tr> 468 <tr> 469 <td colspan="7" height="300"> 470 无可匹敌~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br/> 471 472 </td> 473 </tr> 474 <tr> 475 <td colspan="7" align="center"><b>求职意向</b></td> 476 </tr> 477 <tr> 478 <td>工作地点:</td> 479 <td colspan="6">淄博市</td> 480 </tr> 481 <tr> 482 <td>意向行业:</td> 483 <td colspan="6">抢银行</td> 484 </tr> 485 <tr> 486 <td>意向岗位:</td> 487 <td colspan="6">职业抢银行</td> 488 </tr> 489 <tr> 490 <td>工作要求:</td> 491 <td colspan="6">二十四小时开业</td> 492 <a href="0322信息表#5" target="_blank">查看详情</a> 493 </tr> 494 </table> 495 <big><b>个人简历</b></big> 496 </caption> 497 </center> 498 <center> 499 <table border="1" cellpadding="20" cellspacing="0" width="50%" align="center"> 500 <caption> 501 <tr> 502 <td><a name="6">姓名:</td> 503 <td>耿庆资</td> 504 <td>出生日期:</td> 505 <td>1994.12.30</td> 506 <td>性别:</td> 507 <td colspan="3">男</td> 508 <td rowspan="4">图片</td> 509 </tr> 510 <tr> 511 <td>身份证</td> 512 <td>11111</td> 513 <td>户口</td> 514 <td>...</td> 515 <td>婚姻状况</td> 516 <td colspan="2">...</td> 517 </tr> 518 <tr> 519 <td>学历</td> 520 <td>....</td> 521 <td>身高</td> 522 <td>...</td> 523 <td>体重</td> 524 <td>....</td> 525 </tr> 526 <tr> 527 <td>专业</td> 528 <td>...</td> 529 <td>民族</td> 530 <td>...</td> 531 <td>政治面貌</td> 532 <td>...</td> 533 </tr> 534 <tr> 535 <td colspan="2">家庭住址</td> 536 <td colspan="7">....</td> 537 </tr> 538 <tr> 539 <td>手机号</td> 540 <td colspan="2">18560391878</td> 541 <td>个人主页</td> 542 <td colspan="7">...</td> 543 544 </tr> 545 <tr> 546 <td>邮箱</td> 547 <td colspan="8">1425191280@qq,com</td> 548 </tr> 549 <tr> 550 <td>工作经历</td> 551 <td colspan="8">评估工作</td> 552 </tr> 553 <a href="0322信息表#7"target="_blank">查看详情</a> 554 </table> 555 </caption> 556 </center> 557 <center> 558 <table border="1" cellpadding="20" cellspacing="0" width="50%" align="center"> 559 <caption> 560 <tr> 561 <td><a name="3">姓名:</td> 562 <td>韩振宇</td> 563 <td>出生日期:</td> 564 <td>1994.12.30</td> 565 <td>性别:</td> 566 <td colspan="3">男</td> 567 <td rowspan="4">图片</td> 568 </tr> 569 <tr> 570 <td>身份证</td> 571 <td>11111</td> 572 <td>户口</td> 573 <td>...</td> 574 <td>婚姻状况</td> 575 <td colspan="2">...</td> 576 </tr> 577 <tr> 578 <td>学历</td> 579 <td>....</td> 580 <td>身高</td> 581 <td>...</td> 582 <td>体重</td> 583 <td>....</td> 584 </tr> 585 <tr> 586 <td>专业</td> 587 <td>...</td> 588 <td>民族</td> 589 <td>...</td> 590 <td>政治面貌</td> 591 <td>...</td> 592 </tr> 593 <tr> 594 <td colspan="2">家庭住址</td> 595 <td colspan="7">....</td> 596 </tr> 597 <tr> 598 <td>手机号</td> 599 <td colspan="2">18560391878</td> 600 <td>个人主页</td> 601 <td colspan="7">...</td> 602 603 </tr> 604 <tr> 605 <td>邮箱</td> 606 <td colspan="8">1425191280@qq,com</td> 607 </tr> 608 <tr> 609 <td>工作经历</td> 610 <td colspan="8">评估工作</td> 611 </tr> 612 </table> 613 </caption> 614 </body> 615 </html>