Html 学习笔记

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.网页特殊符号:
  引号 “  &quot;    左尖括号 <  &lt;  右尖括号 &gt;   乘号 * &times; 小节符号 &sect;   注册符号 &reg (R) 商标符号 &trade; 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 >中的图像水平距离的属性 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: 类型用于应该包含数值的输入域
posted @ 2013-11-07 09:12  FunLin  阅读(497)  评论(0编辑  收藏  举报