Html 学习笔记_html/css_WEB-ITnose
- WBOY原创
- 2016-06-24 12:34:48841浏览
1.css样式与html样式：
.html样式只影响应用它的文本和使用所选Html样式创建的文本
2.设置页面关键字: <meta > 元信息标记
用法：<meta name="keyname" content="具体的关键字"> 例：<meta name="keyname" content="网址导航,win8风格导航">
3.设置页面描述：
为了方便搜索引擎查找设置。
<meta name="description" content="对页面的秒速"> 例：<meta name="description" content="联网去吧网址导航是一个win8风格的导航网站">
4.设置作者信息
<meta name="author" content="GodIsMe">
5.设置搜索引擎对页面的搜索方式
<meta name="robots" content="搜索方式">
搜索方式具体为以下几种： All 表示能搜索当前网页及其链接的网页 Index 表示能搜索当前网页 Nofollow 表示不能搜索当前网页链接的网页
Noindex 表示不能搜索当前网页 None 不能搜索当前网页及其链接的网页
6.设置网页的定时跳转
在浏览网页时会看到一些页面间隔几秒就会跳转到主页面中去 设置这种跳转的方法
<meta http-equiv="refresh" content="跳转时间;url=链接地址"> 例:<meta http-equiv="refresh" content="3;url=http://www.lwq8.com"
7.禁止从缓存中调用（即每次刷新都重新请求）
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
8.强制打开新窗口
为了防止自己的网页被别人当作iframe页面使用 可以使用以下语句：
<meta http-equiv="windows-target" content="_top"
9.设置网页过渡效果：
设置进入网页或退出网页的效果
<meta http-equiv="过渡事件" content="revealtrans(duration=过渡效果持续时间,transition=过渡方式)"〉 进入网页过渡事件为：page-enter 退出:page-exist
例：<meta http-equiv="page-enter" content="revealtrans(duration=9,tansition=5)">
效果 ： 0 盒状收缩 1 盒状放射 2 圆形收缩 3 圆形放射 4 由下往上 5由上往下 6从左至右 7从右至左 8垂直百叶窗 9水平百叶窗 23随机效果 12 随机溶解
10.设置图片固定不随滚动条而滚动
<body bgproperties="fixed">
11.上标和下标
<sub></sub>下标 <sup></sup>上标 例子：2的2次方为 2<sup>2</sup>
12.设置删除线
商城的价格原价的中划线 <strike>文字</strike>
13.网页特殊符号：
引号 “ " 左尖括号 < < 右尖括号 > 乘号 * × 小节符号 § 注册符号 ® （R） 商标符号 ™ tm
14：忽略html标记
是html标记失去作用 <plaintext> 或者<xmp> 推荐<xmp>
15：有序列表显示的type
<ol type="序号类型"> 序号类型：1 数字1、2、3、 4 a 小写英文字母 a、b 、c A 大写英文字母 A B C i 小写罗马数字 i ii iii iv I 大写罗马数字I II III IV
16：定义列表标记
<dl>
<dt>标题</dt> <dd>标题的解释 详细内容</dd>
</dl>
17：书签链接 及锚记
设置一个点击的链接 <a href="#name">点击这里挑战到指定位置</a> <a name="name">这里就是跳转后的位置</a>
以上是同个页面的跳转，现在是不同页面的书签跳转
<a href="链接地址#name">点我跳转</a> <a name="name">就是这里啦</a>
18 ：<img alt="Html 学习笔记_html/css_WEB-ITnose" >中的图像水平距离的属性 hspace="20" 水平距离一致为20px 垂直距离vspace
19： 表格中行文字的垂直距离 valign="top" middle bottom 及上、中、下
20：表格的表头标记 <thead></thead> 表主体标记 <tbody></tbody> 表尾标记<tfoot></tfoot>
21:div 的css 样式
direction:ltr 或者rtl 文字的现实方向 ltr 从左至右 rtl 从至右
22:表单的提交 form表单的编码方式：
enctype="" text/plain 以纯文本的形式传送 application/x-www-form-urlencoded 默认的编码形式 multipart/form-data MIME编码，上传文件的表单必须选择
23：设置网页背景音乐标签:<bgsound src="" loop=3/> loop 为循环次数
24： Html5中新增标签
<section></section> 定义文档或应用程序中的一个区段
<article></article> 表示文档中的一块独立的内容。
<header></header> 表示页面中一个内容区块或整个页面的标题
<nav></nav> 表示导航链接的部分
<footer></footer> 表示整个页面或页面中一个内容区块的脚注。
<mark></mark>高亮显示标记的信息 长用户网页搜索结果
<detail><summary>点我</summary>没点击时时看不见这里的</detail>
<input > type="" 中添加新的类型 number: 类型用于应该包含数值的输入域
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn