作业总结（链接、路径、表格）

链接的跳转

 <h2>欢迎访问详情页</h2><a href="index.html">首页</a> &nbsp;&nbsp;<a href="list.html">列表页</a> &nbsp;&nbsp;<a href="detail.html">详情页</a>&nbsp;&nbsp;<a href="product.html">产品页</a>&nbsp;&nbsp;<div><img src="../img/r1.jpg"/></div>

锚点链接

第1集<br><a href="#two">第2集</a><br><a href="#three">第3集</a><br>
第4集<br>
第5集<br><h3 id="two">第2集</h3><h3 id="three">第3集</h3>

<! – 为什么空隙那么小？–>
<! – 加上空格&nbsp ;和换行< br >使字数空隙变大 -->
<!- - 大家都喜欢用div盒子把图片和表格装起来 -->

路径

 <!-- 相对路径 --><img src="E:\前端基础\前端作业\1\02-图片路径\image1\image2\image3\a.jpg"/><!-- 绝对路径 --><!-- <img src="E:\前端基础\前端作业\1\02-图片路径\image1\image2\image3\a.jpg"/> -->

表单（修改页面）

<form><table align="center" border="0" width="400"><!-- 第一行 --><tr><td>姓名：</td><td><input type="text" value="jack"></td></tr><!-- 第二行 --><tr><td>性别：</td><td><input type="radio" name="sex" checked="checked"id="women"><label for="women">女士</label><input type="radio" name="sex" id="man"><label for="man">男士</label></td></tr><!-- 第三行 --><tr><td>学历：</td><td><select><option>幼儿园</option><option>小学</option><option>大学</option></select></td></tr><!-- 第四行 --><tr><td>个人描述：</td><td><textarea cols="30" rows="3"></textarea></td></tr><!-- 第五行 --><tr><td></td><td><input type="checkbox" checked="checked">不要公开我的个人信息</td></tr><!-- 第六行 --><tr><td></td><td><input type="submit" value="保存"> <input type="reset" value="重置"></td></tr></table></form>

表格（类似简历）

<table align="center" border="1" width="850" height="800" cellpadding="3" cellspacing="0"><!-- 第一行 --><tr><th align="center" colspan="6">......</th></tr><!-- 第二行 --><tr align="center"><td>姓名</td><td>德莱厄斯</td><td>专业</td><td>嘉里敦屋里系</td><td colspan="5" rowspan="3"></td></tr><!-- 第三行 --><tr align="center"><td>性别</td><td>男</td><td>毕业学校</td><td>瓦罗兰大陆诺克萨斯战争学院</td></tr><!-- 第四行 --><tr align="center"><td>民族</td><td>平民</td><td>住址</td><td>诺克萨斯市政街西兰花公寓六栋六楼六号</td>  </tr><!-- 第五行 --><tr align="center"><td>学历</td><td>小学二年级</td><td>邮箱</td><td>dles@163.com</td><td>联系方式</td><td>29392132904</td></tr><!-- 第六行 --><tr align="center"><td>出生日期</td><td>瓦罗兰历三五八年独立日</td><td>电话</td><td>4008823823</td><td>邮编</td><td>710121</td></tr><!-- 第七行 --><tr align="center"><td colspan="2">实习经历</td> <td colspan="4"></td></tr></table>

< !-- 为什么教程的字体全部居中？ -->
< !-- 在每一个tr后面添加align=“center” -->

表格2（纯表格）

<div><table border="1"><tr><th>序号1</th> <th>设备类型</th> <th>设备厂商</th> <th>程序版本</th> <th>动态链接名称</th>  </tr><tr><td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td></tr><tr><td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td></tr><tr><td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td></tr><tr><td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td></tr>  </table></div><div><table border="1"><tr><th>序号2</th> <th>设备类型</th> <th>设备厂商</th> <th>程序版本</th> <th>动态链接名称</th>  </tr><tr><td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td></tr><tr><td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td></tr><tr><td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td></tr><tr><td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td></tr>  </table></div>

作业总结（链接、路径、表格）相关推荐

Plotly可视化输出数据表格（table）:简单表格、添加链接的表格
Plotly可视化输出数据表格(table):简单表格.添加链接的表格 # 可视化输出简单表格 import plotly as py import plotly.figure_factory as ...
[H5]HTML5样式、链接和表格
[H5]HTML5样式.链接和表格 <!-- 一.HTML样式 1.标签<style> :样式定义通过style来定义一些样式<link> :资源引用通过link来引 ...
php 链接excel表格数据,php 怎么把数据导出到excel表格?php 连接 excel表格数据库数据...
php 怎么把数据导出到excel表格 php 把数据导出到excel表多种方法如使用 phpExcel 等,以下代码是直接通 header 生成 excel 文件的代码示例: header(&quo ...
HTML5：段落、图片、链接、表格、列表、表单
刚开始接触前端的一枚小菜鸡罢了,一些无用潦草且抽象的笔记. 目录段落.图片.链接表格列表表单一个简单的实例段落.图片.链接 <html lang="zh-CN"& ...
linux gcc 包含头文件动态库静态库链接路径问题
C/C++程序在linux下被编译和连接时,GCC/G++会查找系统默认的include和link的路径,以及自己在编译命令中指定的路径.自己指定的路径就不说了,这里说明一下系统自动搜索的路径. [1 ...
母板页中的图片路径及页面链接路径设置
昨天写好一个应用程序,在localhost跑都OK的,发布到IIS后,别人一访问图片不显示,超链接的指向都找不到页面, F12一看,路径都有问题,不会吧,我写的都是相对地址啊. 母版页中的图片我用的都 ...
HTML-超链接标签,表格,列表
关于超链接 <a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a> > 超链接分类外部链接地址 ...
html链接路径分为哪几种,什么是url地址？
在互联网中,URL地址是随处可见,但到底什么是URL地址,及其URL具体组成有哪些?还有就是URL地址又分为哪几类呢?接下来,就为你一一解答这些疑问. URL定义 URL的英文全称是 Uniform ...
在html中超级链接路径分几类,按照链接的形式网页中超级链接可以分为那3种
满意答案 quweidoudou 推荐于 2017.12.15 采纳率:45% 等级:11 已帮助:12514人按照连接路径的不同,网页中超链接一般分为以下3种类型:内部链接,锚点链接和外部链 ...
在CSDN博客中插入动图、添加目录、链接、表格、字体变色等
1.插入动图: 当我们在写博客时,有时候想要插入动态图片,以便更好的演示操作,那么该怎么插入呢?需要借助第三方工具,如:LICEcap,此工具图标如下: 具体操作如下: ...

作业总结（链接、路径、表格）

链接的跳转

锚点链接

路径

表单（修改页面）

表格（类似简历）

表格2（纯表格）

作业总结（链接、路径、表格）相关推荐

最新文章

热门文章