Heim >Web-Frontend >HTML-Tutorial >Html 学习笔记_html/css_WEB-ITnose
Html 学习笔记_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:34:48836Durchsuche
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: 类型用于应该包含数值的输入域
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：按钮文字隐藏终极解决方案_html/css_WEB-ITnoseNächster Artikel：字体大宝库：15款漂亮的手写艺术字体免费下载_html/css_WEB-ITnose