三十而立

html下的文章

sublime汉化:
目前sublime已经自带汉化了
打开 Package Control 输入 install package 等一会

然后在跳出的框中输入Chinese Localization,过一会就安装完成了(会有中文提示)

sublime设置html格式模板为zh-cn:
菜单栏依次展开 Preferences -> Package Settings -> Emmet -> Settings-User

把以下代码复制进去

{
 "snippets": {
  "variables": {
   "lang": "zh-CN"
  }
 }
}

html中的table表格元素

table的层级关系

table //最外层表格
tr //表示行
td //表示列

说明:
1、tr与td必须一起使用,并且输入的内容必须在td里面;
2、td必须被包含在tr里面,表示在一行中的列;
3、在一个tr里面,可以有N个td,表示在这一行里有N个列。

示例代码:

<caption>人员基本情况统计表</caption>
基本情况 姓名 性别 婚否 年龄
张三 已婚 18
李四 未婚 20
王五 未婚 28
统计 3人,平均年龄22岁
<caption>人员基本情况统计表</caption>
基本情况 姓名 性别 婚否 年龄
张三 已婚 18
李四 未婚 20
王五 未婚 28
统计 3人,平均年龄22岁

相对路径:

a.jpg 或./a.jpg  //同一个目录
xxx/index2.html  //在子目录
xxx/xxx/index2.html  //在孙子目录
../index2.html //在父目录
../../index2.html //在爷爷目录

绝对路径:

home/wwwroot/www/uploads/2017/xx.jpg

注意:html网站实际开发中一般用相对路径较多

在html页面中适当位置定义如下的锚点:

<a name="top">这里是TOP部分</a>
<a name="content">这里是CONTENT部分</a>
<a name="foot">这里是FOOT部分</a>

访问锚点的两种方法
方法一:用a超连接访问

<a href="#top">点击我链接到TOP</a>
<a href="#content">点击我链接到CONTENT</a>
<a href="#foot">点击我链接到FOOT</a>

方法二:在URL后面加入#foot
假如本页面的地址是http://文件路径/index.html,要访问foot锚点只要访问如下链接即可

http://文件路径/index.html#foot

锚点有什么用?
通俗简单地说,比如一篇很长的文章,你想按分段精确跳转到某一段,那就可以用到锚点了。

注意:
1、可以使用 id 属性来替代 name 属性,命名锚同样有效,比如 <a id="top">这里是TOP部分</a>
2、name后面的值要用双引号"",并用不加 # ,直接<a name="1"> 而不是 <a name="#1">
3、<a href="#top">点击我链接到TOP</a> 可以写成 <a href="#top"></a>点击我链接到TOP


演示案例:
点击我链接到TOP
点击我链接到CONTENT
点击我链接到FOOT


这里是TOP部分
这是头部分,这是头部分,这是头部分,这是头部分,这是头部分>。


这里是CONTENT部分
这里是CONTENT部分,这里是CONTENT部分,这里是CONTENT部分,这里是CONTENT部分,这里是CONTENT部分,这里是CONTENT部分,这里是CONTENT部分


这里是FOOT部分
这里是FOOT部分,这里是FOOT部分,这里是FOOT部分,这里是FOOT部分,这里是FOOT部分