HTML标签部分(块级行级)

b.绝对路径:使用绝对路径的图片,只有在本机使用file协议才能访问!所以,严禁使用这种方式!
img src="/upload/attach/blank.gif" data-echo="file:///E:/icon.jpg" /
c.相对路径:
① 图片与当前文档在同一层文件夹:直接写图片名
eg:img src="/upload/attach/blank.gif" data-echo="icon.jpg" /
② 图片在当前文档的下一层文件夹:文件夹名/图片名
eg:img src="/upload/attach/blank.gif" data-echo="img/icon.jpg" /
③ 图片在当前文档的上一层文件夹: ../图片名 (../表示后退一层)
eg:img src="/upload/attach/blank.gif" data-echo="../icon.jpg" /
但是,一定要注意:图片必须包含在项目里面,不能访问项目外的图片。

② height:图片的高度 width:图片的宽度

eg:img src="/upload/attach/blank.gif" data-echo="img/icon.jpg" height="500" width="10" /

③ title:图片的标题,也就是鼠标指上后看到的提示文字

eg:img src="/upload/attach/blank.gif" data-echo="img/icon.jpg" title="鼠标指上后看到的提示文字" /

④ alt: 图片无法加载时显示的文字。省略alt,将默认显示title内容。

eg:img src="/upload/attach/blank.gif" data-echo="img/icon.jpg" alt="图片无法加载时显示的文字" /

⑤ align:图片周围的文字相对于图片如何对齐。

可选值:top-图片顶部 center-图片中部 bottom-图片底部
eg: img src="/upload/attach/blank.gif" data-echo="img/icon.jpg" align="top" /12345
tencent://message/?uin=1097270356 点击与指定QQ聊天
还有:tell://手机端点击打电话;
message://手机端点击发送短信;
ftp://使用ftp协议进行文件的上传下载;

2.锚链接:(重点)
①在页面的指定位置设置一个锚点,用name属性表示锚点的名字;
a name="top"/a
②将超链接的href属性,设置为#加锚点的名字;
a href="#top"点击链接,跳转到top锚点位置/a

页面间锚链接
①在新页面的指定位置设置一个锚点,用name属性表示锚点的名字;
a name="top"/a
②将超链接的href属性,设置为新页面地址#加锚点名字;
a href="test.html#top"点击链接,跳转到test.html的top锚点位置/a

7.W3c规范:

1.W3c:万维网联盟,负责制定和维护Web行业开发标准;
2.W3c要求的规范:
①规范中倡导两个分离
内容与表现分离;(HTML与CSS分离开)
内容与行为分离:(HTML与JavaScript分离开)
②HTML语言要遵循语义化!!
③关于代码书写的规范:
标签与属性必须要小写
标签必须要闭合
属性值必须用引号引起来(img src="/upload/attach/blank.gif" data-echo="属性值")
标签必须正确嵌套(不能交叉,块级标签可以包裹行级标签,行级标签不能包裹块级标签)

8. 其他的行级标签:[了解即可]

(1)u标签:带下划线

代码:
uu标签带下划线/u
spancss实现下划线/span

(2)s标签:带删除线

代码:
ss标签带删除线/s
spancss实现删除线/span

(3)定义专业术语(dfn 定义专业术语 abbr 专业术语缩写词)

提示搜索引擎,当前为一段计算机代码。
但是code不会保留代码格式,需要配合pre标签共同使用。

(5)var:表示变量

代码:
varx/var+vary/var=varz/var

(6)bdo:定义文本的显示方向

rtl 从右向左 ltr从左向右

(7)kbd:需要用户输入的文字

(8)sup,sub:上下标

(9)time:表示时间


















HTML标签部分(块级/行级)

原文地址:http://www.cnblogs.com/1996zy/p/7296401.html


最新回复(0)
/jishuJWEbsZhdIGq6nSJPiW3EYWyuUNSRHAmRoL0fUoyKt7I_3D4719029
8 简首页