Html study notes_html/css_WEB-ITnose-HTML Tutorial-php.cn

.html样式只影响应用它的文本和使用所选Html样式创建的文本

Copy after login

2.设置页面关键字:  <meta  > 元信息标记

Copy after login

用法：<meta name="keyname" content="具体的关键字"> 例：<meta name="keyname" content="网址导航,win8风格导航">

Copy after login

3.设置页面描述：

Copy after login

 为了方便搜索引擎查找设置。

Copy after login

<meta name="description" content="对页面的秒速"> 例：<meta name="description" content="联网去吧网址导航是一个win8风格的导航网站">

Copy after login

4.设置作者信息

Copy after login

<meta name="author" content="GodIsMe">

Copy after login

5.设置搜索引擎对页面的搜索方式

Copy after login

<meta name="robots" content="搜索方式">

Copy after login

搜索方式具体为以下几种： All   表示能搜索当前网页及其链接的网页  Index  表示能搜索当前网页  Nofollow 表示不能搜索当前网页链接的网页

Copy after login

Noindex  表示不能搜索当前网页     None   不能搜索当前网页及其链接的网页

Copy after login

6.设置网页的定时跳转

Copy after login

 在浏览网页时会看到一些页面间隔几秒就会跳转到主页面中去 设置这种跳转的方法

Copy after login

<meta  http-equiv="refresh"  content="跳转时间;url=链接地址">    例:<meta http-equiv="refresh" content="3;url=http://www.lwq8.com"

Copy after login

7.禁止从缓存中调用（即每次刷新都重新请求）

Copy after login

<meta http-equiv="cache-control" content="no-cache">

Copy after login

<meta http-equiv="pragma" content="no-cache">

Copy after login

8.强制打开新窗口

Copy after login

为了防止自己的网页被别人当作iframe页面使用 可以使用以下语句：

Copy after login

<meta http-equiv="windows-target" content="_top"

Copy after login

9.设置网页过渡效果：

Copy after login

设置进入网页或退出网页的效果

Copy after login

<meta http-equiv="过渡事件" content="revealtrans(duration=过渡效果持续时间,transition=过渡方式)"〉 进入网页过渡事件为：page-enter  退出:page-exist

Copy after login

例：<meta http-equiv="page-enter" content="revealtrans(duration=9,tansition=5)">

Copy after login

 效果 ： 0  盒状收缩  1 盒状放射  2 圆形收缩 3 圆形放射  4 由下往上 5由上往下 6从左至右 7从右至左 8垂直百叶窗  9水平百叶窗 23随机效果  12 随机溶解

Copy after login

10.设置图片固定不随滚动条而滚动

Copy after login

<body  bgproperties="fixed">

Copy after login

11.上标和下标

Copy after login

<sub></sub>下标  <sup></sup>上标  例子：2的2次方为      2<sup>2</sup>

Copy after login

12.设置删除线

Copy after login

商城的价格原价的中划线 <strike>文字</strike>

Copy after login

13.网页特殊符号：

Copy after login

  引号 “  &quot;    左尖括号 <  &lt;  右尖括号 &gt;   乘号 * &times; 小节符号 &sect;   注册符号 &reg （R） 商标符号 &trade; tm

Copy after login

14：忽略html标记

Copy after login

 是html标记失去作用 <plaintext> 或者<xmp> 推荐<xmp>

Copy after login

15：有序列表显示的type

Copy after login

<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

Copy after login

16：定义列表标记

Copy after login

    <dl>

Copy after login

        <dt>标题</dt>  <dd>标题的解释 详细内容</dd>

Copy after login

   </dl>

Copy after login

17：书签链接 及锚记

Copy after login

  设置一个点击的链接 <a href="#name">点击这里挑战到指定位置</a>  <a name="name">这里就是跳转后的位置</a>

Copy after login

以上是同个页面的跳转，现在是不同页面的书签跳转

Copy after login

<a  href="链接地址#name">点我跳转</a>   <a name="name">就是这里啦</a>

Copy after login

18 ：<img >中的图像水平距离的属性 hspace="20" 水平距离一致为20px   垂直距离vspace

Copy after login

19： 表格中行文字的垂直距离 valign="top"  middle bottom  及上、中、下

Copy after login

20：表格的表头标记 <thead></thead>   表主体标记 <tbody></tbody>  表尾标记<tfoot></tfoot>

Copy after login

21:div 的css 样式

Copy after login

   direction:ltr 或者rtl  文字的现实方向  ltr 从左至右  rtl 从至右

Copy after login

22:表单的提交  form表单的编码方式：

Copy after login

 enctype=""  text/plain  以纯文本的形式传送  application/x-www-form-urlencoded 默认的编码形式  multipart/form-data MIME编码，上传文件的表单必须选择

Copy after login

23：设置网页背景音乐标签:<bgsound src="" loop=3/> loop 为循环次数

Copy after login

24： Html5中新增标签

Copy after login

<section></section> 定义文档或应用程序中的一个区段

Copy after login

<article></article>  表示文档中的一块独立的内容。

Copy after login

<header></header> 表示页面中一个内容区块或整个页面的标题

Copy after login

<nav></nav> 表示导航链接的部分

Copy after login

<footer></footer> 表示整个页面或页面中一个内容区块的脚注。

Copy after login

<mark></mark>高亮显示标记的信息 长用户网页搜索结果

Copy after login

<detail><summary>点我</summary>没点击时时看不见这里的</detail>

Copy after login

<input > type="" 中添加新的类型  number: 类型用于应该包含数值的输入域

Copy after login