Html学习笔记_html/css

1.css样式与html样式：

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

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

用法： 例：

3.设置页面描述：

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

 例：

4.设置作者信息

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

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

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

6.设置网页的定时跳转

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

    例:

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

8.强制打开新窗口

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

9.设置网页过渡效果：

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

例：

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

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

11.上标和下标

下标  上标  例子：2的2次方为      2²

12.设置删除线

商城的价格原价的中划线 文字

13.网页特殊符号：

  引号 “  "    左尖括号 <  <  右尖括号 >   乘号 * × 小节符号 §   注册符号 ® （R） 商标符号 ™ tm

14：忽略html标记

 是html标记失去作用  或者<xmp> 推荐<xmp></script></pre>    <pre class="sycode" name="code"></script></pre>    <pre class="sycode" name="code">15：有序列表显示的type</script></pre>    <pre class="sycode" name="code"><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</script></pre>    <pre class="sycode" name="code"></script></pre>    <pre class="sycode" name="code">16：定义列表标记</script></pre>    <pre class="sycode" name="code">    <dl> </script></pre>    <pre class="sycode" name="code">        <dt>标题</dt>  <dd>标题的解释 详细内容</dd></script></pre>    <pre class="sycode" name="code">   </dl></script></pre>    <pre class="sycode" name="code"></script></pre>    <pre class="sycode" name="code">17：书签链接 及锚记</script></pre>    <pre class="sycode" name="code">  设置一个点击的链接 点击这里挑战到指定位置  这里就是跳转后的位置</script></pre>    <pre class="sycode" name="code">以上是同个页面的跳转，现在是不同页面的书签跳转</script></pre>    <pre class="sycode" name="code">点我跳转   就是这里啦</script></pre>    <pre class="sycode" name="code"></script></pre>    <pre class="sycode" name="code">18 ：<img >中的图像水平距离的属性 hspace="20" 水平距离一致为20px   垂直距离vspace </script></pre>    <pre class="sycode" name="code"></script></pre>    <pre class="sycode" name="code">19： 表格中行文字的垂直距离 valign="top"  middle bottom  及上、中、下</script></pre>    <pre class="sycode" name="code"></script></pre>    <pre class="sycode" name="code">20：表格的表头标记 <thead></thead>   表主体标记 <tbody></tbody>  表尾标记<tfoot></tfoot></script></pre>    <pre class="sycode" name="code"></script></pre>    <pre class="sycode" name="code">21:div 的css 样式</script></pre>    <pre class="sycode" name="code">   direction:ltr 或者rtl  文字的现实方向  ltr 从左至右  rtl 从至右</script></pre>    <pre class="sycode" name="code"></script></pre>    <pre class="sycode" name="code">22:表单的提交  form表单的编码方式：</script></pre>    <pre class="sycode" name="code"> enctype=""  text/plain  以纯文本的形式传送  application/x-www-form-urlencoded 默认的编码形式  multipart/form-data MIME编码，上传文件的表单必须选择</script></pre>    <pre class="sycode" name="code"></script></pre>    <pre class="sycode" name="code">23：设置网页背景音乐标签:<bgsound src="" loop=3/> loop 为循环次数</script></pre>    <pre class="sycode" name="code"></script></pre>    <pre class="sycode" name="code">24： Html5中新增标签</script></pre>    <pre class="sycode" name="code"><section></section> 定义文档或应用程序中的一个区段</script></pre>    <pre class="sycode" name="code"></article>  表示文档中的一块独立的内容。</script></pre>    <pre class="sycode" name="code"><header></header> 表示页面中一个内容区块或整个页面的标题</script></pre>    <pre class="sycode" name="code"><nav></nav> 表示导航链接的部分</script></pre>    <pre class="sycode" name="code"><footer></footer> 表示整个页面或页面中一个内容区块的脚注。</script></pre>    <pre class="sycode" name="code"><mark></mark>高亮显示标记的信息 长用户网页搜索结果</script></pre>    <pre class="sycode" name="code"><detail><summary>点我</summary>没点击时时看不见这里的</detail></script></pre>    <pre class="sycode" name="code"></script></pre>    <pre class="sycode" name="code"><input > type="" 中添加新的类型  number: 类型用于应该包含数值的输入域</script></pre>  </div>

  </div>

<script type="text/javascript" src="/layui/layui.js"></script>
<script>
layui.use('code', function(){
  
layui.code({
  elem: 'pre', //默认值为.layui-code
  about:false,
  title:'Html学习笔记_html/css_WEB-ITnose代码块',
  encode: true //是否转义html标签。默认不开启
});
});
</script>
<footer class="comm-footer">
           <ul class="channels">
              <li>
                <a target="_top" href="/system/">操作系统</a>
            </li><li>
                <a target="_top" href="/down/">程序下载</a>
            </li><li>
                <a target="_top" href="/jquery/">jquery插件库</a>
            </li><li>
                <a target="_top" href="/jiaoben/">编程</a>
            </li><li>
                <a target="_top" href="/db/">数据库</a>
            </li><li>
                <a target="_top" href="/tools/">在线工具</a>
            </li><li>
                <a target="_top" href="/framebook/">框架书籍</a>
            </li><li>
                <a target="_top" href="/xitongjiaocheng/">系统教程</a>
            </li><li>
                <a target="_top" href="/ruanjianxiazai/">软件下载</a>
            </li>            </ul>
            <ul class="versions">
            <li>
                <a href="https://m.gxlcms.com" class="active">触屏版</a>
            </li>

            <li>
                <a href="https://www.gxlcms.com" target="_top">电脑版</a>
            </li>
            </ul>
           
              
     
        <p><a href="https://beian.miit.gov.cn/" target="_blank"  style="color:#ffffff"></a><script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?6c9b8cea1903c9f813f150c04aeebc3c";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script></p>
        </footer>	

</body>
</html>