html中：
 
<hr/> 在页面中创建水平线
例如：
 
<p> p标签是定义段落
 
>
alt 作为可预备可替换信息，在无法加载图片时显示文字信息
 
定义html表格
<table> 定义表格
<caption> 定义表格标题。
<th> 定义表格的表头。
<tr> 定义表格的行。
<td> 定义表格单元。
<thead> 定义表格的页眉。
<tbody> 定义表格的主体。
<tfoot> 定义表格的页脚。
<col> 定义用于表格列的属性。
<colgroup> 定义表格列的组。
 
Table with frame="box":四周边框
Month Savings
January $100
Table with frame="above":上边框线
Month Savings
January $100
Table with frame="below":下边框线
Month Savings
January $100
Table with frame="hsides":上下边框线
Month Savings
January $100
Table with frame="vsides":左右边框线
Month Savings
January $100
 
使用 HTML5 的网站布局
header 定义文档或节的页眉
nav 定义导航链接的容器
section 定义文档中的节
article 定义独立的自包含文章
aside 定义内容之外的内容（比如侧栏）
footer 定义文档或节的页脚
details 定义额外的细节
summary 定义 details 元素的标题
HTML框架
 
<html>
 
<frameset rows="25%,50%,25%">
 
<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
 
</frameset>
 
</html>
<html>
 
<frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
 
<noframes>
<body>您的浏览器无法处理框架！</body>
</noframes>
 
</frameset>
 
</html>
 
混合框架结构
<html>
 
<frameset rows="50%,50%">
 
<frame src="/example/html/frame_a.html">
noresize="noresize"
<frameset cols="25%,75%">
<frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_b.html" noresize="noresize">
<frame src="/example/html/frame_c.html"> 加入noresize="noresize"框架不可移动改变大小
</frameset>
 
</frameset>
 
</html>
 
 
导航框架
 
<html>
 
<frameset cols="120,*">
 
<frame src="/example/html/html_contents.html">
<frame src="/example/html/frame_a.html" name="showframe">
 
</frameset>
 
</html>
内联框架
<html>
 
<body>
 
<iframe src="/i/eg_landscape.jpg"></iframe>
 
<p>一些老的浏览器不支持 iframe。</p>
<p>如果得不到支持，iframe 是不可见的。</p>
 
 
</body>
</html>
 
内联框架iframe
 
添加 iframe 的语法
URLIframe - 设置高度和宽度
实例
 
 
Iframe - 删除边框
实例
 
 
<!DOCTYPE html>
<html>
<body>
 
<iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe>
 
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
 
<p><b>注释：</b>由于链接的目标匹配 iframe 的名称，所以链接会在 iframe 中打开。</p>
 
</body>
 
 
<noscript> 标签
Your browser does not support JavaScript!
HTML实体名
HTML 中有用的字符实体
注释：

显示结果 描述 实体名称 实体编号
  空格 &nbsp;  
< 小于号 &lt; <
> 大于号 &gt; >
& 和号 &amp; &
" 引号 &quot; "
' 撇号 &apos; (IE不支持) '
￠ 分（cent） &cent; ¢
£ 镑（pound） &pound; £
¥ 元（yen） &yen; ¥
€ 欧元（euro） &euro; €
§ 小节 &sect; §
© 版权（copyright） &copy; ©
® 注册商标 &reg; ®
™ 商标 &trade; ™
× 乘号 &times; ×
÷      
 
html中颜色名
 
 
HTML5 表单元素
 
HTML5 <datalist> 元素
listid 实例
 
 
 
 
<input type="password">密码字段
输入限制
属性 描述
disabled 规定输入字段应该被禁用。
max 规定输入字段的最大值。
maxlength 规定输入字段的最大字符数。
min 规定输入字段的最小值。
pattern 规定通过其检查输入值的正则表达式。
readonly 规定输入字段为只读（无法修改）。
required 规定输入字段是必需的（必需填写）。
size 规定输入字段的宽度（以字符计）。
step 规定输入字段的合法数字间隔。
value 规定输入字段的默认值。
 
type=date
 
<form action="action_page.php">
Birthday:
<input type="date" name="bday">
</form>
 
 
可以输入添加限制
 
<form action="action_page.php">
Enter a date before 1980-01-01:<br>
<input type="date" name="bday" max="1979-12-31"><br><br>
Enter a date after 2000-01-01:<br>
<input type="date" name="bday" min="2000-01-02"><br><br>
<input type="submit">
</form>
 
常见的输入
输入类型：range
<input type="range">实例
<form>
<input type="range" name="points" min="0" max="10">
</form>
输入类型：month
<input type="month">实例
<form>
Birthday (month and year):
<input type="month" name="bdaymonth">
</form>
输入类型：week
<input type="week">实例
<form>
Select a week:
<input type="week" name="week_year">
</form>
输入类型：time
<input type="time">实例
<form>
Select a time:
<input type="time" name="usr_time">
</form>
输入类型：datetime
<input type="datetime">实例
<form>
Birthday (date and time):
<input type="datetime" name="bdaytime">
</form>
输入类型：datetime-local
<input type="datetime-local">实例
<form>
Birthday (date and time):
<input type="datetime-local" name="bdaytime">
</form>
输入类型：email
<input type="email">实例
<form>
E-mail:
<input type="email" name="email">
</form>
输入类型：search
<input type="search">实例
<form>
Search Google:
<input type="search" name="googlesearch">
</form>
输入类型：tel
<input type="tel">实例
<form>
Telephone:
<input type="tel" name="usrtel">
</form>
输入类型：url
<input type="url">实例
<form>
Add your homepage:
<input type="url" name="homepage">
</form>
 
 
 
readonly 属性
readonly
disabled 属性
disabled
maxlength 属性
maxlength实例
 
 
autocomplete 属性
 
autofocus 属性 页面加载自动获得焦点
 
form 属性
实例
 
 
formaction 属性
实例
 
 
height 和 width 属性仅用于 <input type="image">。
实例
 
 
multiple 属性
实例
 
 
pattern 属性
<form action="/example/html5/demo_form.asp" method="get">
国家代码：<input type="text" name="country_code" pattern="[A-z]{3}"
title="三个字母的国家代码" />
<input type="submit" />
</form>
 
placeholder 属性
实例
 
required 属性
 
step 属性
示例
 
HTML5 浏览器支持
 
 

html常用的知识点以及混合框架的更多相关文章

  1. Web API应用架构在Winform混合框架中的应用（4）--利用代码生成工具快速开发整套应用

    前面几篇介绍了Web API的基础信息,以及如何基于混合框架的方式在WInform界面里面整合了Web API的接入方式,虽然我们看似调用过程比较复杂,但是基于整个框架的支持和考虑,我们提供了代码生成 ...

  2. Web API应用架构在Winform混合框架中的应用（5）--系统级别字典和公司级别字典并存的处理方式

    在我这个系列中,我主要以我正在开发的云会员管理系统为例进行介绍Web API的应用,由于云会员的数据设计是支持多个商家公司,而每个公司又可以包含多个店铺的,因此一些字典型的数据需要考虑这方面的不同.如 ...

  3. Web API应用架构在Winform混合框架中的应用（3）--Winfrom界面调用WebAPI的过程分解

    最近一直在整合WebAPI.Winform界面.手机短信.微信公众号.企业号等功能,希望把它构建成一个大的应用平台,把我所有的产品线完美连接起来,同时也在探索.攻克更多的技术问题,并抽空写写博客,把相 ...

  4. Web API应用架构在Winform混合框架中的应用（2）--自定义异常结果的处理

    在上篇随笔<Web API应用架构在Winform混合框架中的应用(1)>中我介绍了关于如何在Winfrom里面整合WebAPI,作为一个新型数据源的接入方式,从而形成了三种不同的数据提供 ...

  5. Web API应用架构在Winform混合框架中的应用（1）

    在<Web API应用架构设计分析(1)>和<Web API应用架构设计分析(2)>中对WebAPI的架构进行了一定的剖析,在当今移动优先的口号下,传统平台都纷纷开发了属于自己 ...

  6. 如何基于Winform开发框架或混合框架基础上进行项目的快速开发

    在开发项目的时候,我们为了提高速度和质量,往往不是白手起家,需要基于一定的基础上进行项目的快速开发,这样可以利用整个框架的生态基础模块,以及成熟统一的开发方式,可以极大提高我们开发的效率.本篇随笔就是 ...

  7. JS中常用开发知识点

     JS中常用开发知识点 1.获取指定范围内的随机数 2.随机获取数组中的元素 3.生成从0到指定值的数字数组 等同于: 4.打乱数字数组的顺序 5.对象转换为数组 //注意对象必须是以下格式的才可以通 ...

  8. php 常用的知识点归集（下）

    24.静态属性与静态方法在类中的使用 需求:在玩CS的时候不停有伙伴加入,那么现在想知道共有多少人在玩,这个时候就可能用静态变量的方法来处理 利用原有的全局变量的方法来解决以上的问题 <?php ...

  9. 混合框架中Oracle数据库的还原处理操作

    在较早期的随笔<Oracle如何实现创建数据库.备份数据库及数据导出导入的一条龙操作>粗略介绍了Oracle数据库的备份还原操作,本文想从开发框架的基础上介绍Oracle数据库的脚本或者还 ...

随机推荐

  1. Jmeter BeanShell 时间格式化处理

    工作中碰到的,记录下 在XML格式的请求数据中,Soap接口请求中的日期参数格式是这样的"2016-07-20T18:03:00" 在日和时之间多了一个T 所以在Jmeter--& ...

  2. 解决SQLServer 2008 日志无法收缩，收缩后大小不改变

    问题 数据库日志文件上G,或者几十G了,使用日志收缩,和日志截断收缩都不管用.体积一直减不下来.. 解决方案 查看日志信息 在查询分析器中执行如下代码来查看日志信息:  DBCC LOGINFO('数 ...

  3. Android自学反思总结(上)

    从接触Android到现在有几个月的时间了,基本全部都是靠自学,从大一上学期学习完c语言,接着利用寒假时间和开学一个月左右的时间自学完javase,接着在导员的督促下,开始了Android学习之旅,现 ...

  4. javascript数组详解（js数组深度解析）【forEach(),every(),map(),filter(),reduce()】

    Array 对象是一个复合类型,用于在单个的变量中存储多个值,每个值类型可以不同. 创建数组对象的方法: new Array(); new Array(size); new Array(element ...

  5. cassandra高级操作之索引、排序以及分页

    本次就给大家讲讲cassandra的高级操作:索引.排序和分页:处于性能的考虑,cassandra对这些支持都比较简单,所以我们不能希望cassandra完全适用于我们的逻辑,而是应该将我们的逻辑设计 ...

  6. Spring定时任务解决博客缓存数据更新问题

    最近在做博客系统的时候,由于很多页面都有右边侧边栏,内容包括博客分类信息,归档日志,热门文章,标签列表等,为了不想每次访问页面都去查询数据库,因为本身这些东西相对来说是比较固定的,但是也有可能在网站后 ...

  7. Sublime Text 3常用插件

    操作:按下Ctrl+Shift+P调出命令面板 输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件. 常用插件: 1---- Bracket Highl ...

  8. js华氏度转为摄氏度

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. XJOI1564最小距离问题

    最小距离问题 我国蒙古大草原上有N(N是不大于100的自然数)个牧民定居点P1(X1,Y1).P2(X2,Y2). -Pn(Xn,Yn),相应地有关权重为Wi,现在要求你在大草原上找一点P(Xp,Yp ...

  10. 老李分享：持续集成学好jenkins

    老李分享:持续集成学好jenkins   poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标.poptest测试开发工程师就业培训请大 ...