Html 学习笔记_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 12:34:48
原创
1027人浏览过

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.网页特殊符号:
登录后复制
  引号 “  "    左尖括号 <  <  右尖括号 >   乘号 * &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   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: 类型用于应该包含数值的输入域
登录后复制

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号