![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
文章平均质量分 67
乞力马扎罗的雪CYF
一只不孤独的猿。
展开
-
HTML基础讲解
1.声明:HTML有多个不同的版本,只有完全明白页面中使用的确切HTML版本,浏览器才能完全正确的显示出HTML页面,这就是的用处。2.HTML标题...等标签进行定义。3.HTML段落标签定义段落4.HTML链接标签定义链接5.HTML图像标签定义图像代码实现上述标签的例子: HTML基础 chenyufe原创 2015-09-26 09:26:06 · 1557 阅读 · 0 评论 -
HTML5 Canvas使用路径——绘制圆形
HTML实现代码如下: function draw(id){ var canvas = document.getElementById("canvas"); if(canvas == null){ return false; }原创 2015-09-28 12:06:53 · 2096 阅读 · 0 评论 -
HTML5服务器推送事件
1.HTML5服务器推送事件介绍服务器推送事件(Server-sent Events)是HTML5规范中的一个组成部分,可以用来从服务器端实时推送数据到浏览器端。2.传统的服务器端推送数据技术WebSocket:WebSocket规范是HTML5中的一个重要组成部分,已经被很多主流浏览器支持,也有不少基于WebSocket开发的应用。正如名称所表示的一样,WebSocket使用的是套接原创 2015-09-28 17:46:11 · 2130 阅读 · 1 评论 -
HTML5响应式布局(简易)
1.响应式布局:响应式布局是2010年5月提出的概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为了解决移动互联网而诞生的。其目的是为用户提供更加舒适的界面和更好的用户体验。2.优缺点:优点:(1)面对不同分辨率设备灵活性强;(2)能够快捷解决多设备显示适应问题;缺点:(1)兼容各种设备工作量大,效率低下;(2)代码累赘,原创 2015-09-28 19:59:53 · 3464 阅读 · 0 评论 -
HTML5新增的非主体结构元素
1.header元素:header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但是也可以包含其他内容,例如数据表格,搜索表单或相关的logo图片。header元素可以出现多次。 header元素 IT最新技术 百度原创 2015-09-29 12:54:02 · 1783 阅读 · 0 评论 -
HTML5表单新增元素与属性 (续)
1.标签的control属性在HTML5中,可以在标签内部放置一个表单元素,并且通过该标签的control属性来访问该表单的元素。示例代码如下: function setValue(){ var label = document.getElementById("label"); v原创 2015-09-29 18:20:55 · 2228 阅读 · 0 评论 -
HTML中的块是什么?
1.HTML块元素块元素在显示时,通常会以新行开始如:,,2.HTML内联元素内敛元素通常不会以新行开始如:,,3.HTML元素元素也被称为块元素,其主要组合HTML元素的容器4.HTML元素元素是内联元素,可作为文本的容器代码演示如下: HTML块元素 span{原创 2015-09-26 13:22:29 · 1478 阅读 · 0 评论 -
HTML表单
1.表单用于获取不同类型的用户输入;2.常用表单标签: 表单 输入域 文本域 控制标签 定义域 域的标题 选择列表 选项组 下拉列表中的选项 按钮代码示例如下: 表单原创 2015-09-26 17:50:36 · 1150 阅读 · 0 评论 -
HTML表单与PHP进行数据交互
HTML一般在前台页面与用户进行交互,后台可以使用PHP搭建服务器,实现数据的处理。现在我们来实现使用前台的表单获取用户输入,PHP进行后台处理后返回给用户信息。(1)需要搭建PHP环境和服务器,请参考我的前三篇博客《Mac如何安装XAMPP》《Eclipse配置PHP开发环境》《第一个PHP程序——Hello World》。(2)PHP代码实现如下:<?phpecho "用户名原创 2015-09-27 14:18:42 · 14293 阅读 · 6 评论 -
HTML5使用canvas绘制图形
1.绘制图形canvas元素本身是没有绘图能力的。所有的绘制工作必须在JavaScript内部完成。示例代码如下:(1)新建一个HTML文件,实现代码如下: (2)新建一个JavaScript文件,实现代码如下:/** * Created by chenyufeng on 15/9/27. */var CANVA原创 2015-09-27 20:36:28 · 1711 阅读 · 0 评论 -
HTML格式化是什么?
标签 描述 定义粗体文本 定义大号字 定义着重文字 定义斜体字 定义小号字 定义加重语气 定义下标字原创 2015-09-26 11:13:39 · 1317 阅读 · 0 评论 -
HTML样式
1.标签:样式定义:资源引用2.属性rel:"stylesheet":外部样式表type:"text/css":引入文档的类型margin-left:边距3.三种样式表插入方式(1)外部样式表:(2)内部样式表:body{background-color:red}p{margin-left:20px原创 2015-09-27 15:31:08 · 1390 阅读 · 0 评论 -
HTML链接
1.链接数据:(1)文本链接;(2)图片链接;2.属性:href属性:指向另一个文档的链接;name属性:创建文档内的链接;3.img标签属性:alt:替换文本属性;width:宽;height:高;实现代码如下: 链接 点击我原创 2015-09-27 15:55:59 · 1425 阅读 · 0 评论 -
HTML使用canvas载入图片
(1)JS实现代码如下:/** * Created by chenyufeng on 15/9/27. */var CANVAS_WIDTH = 500, CANVAS_HEIGHT = 500;var mycanvas,context;window.onload = function(){ createCanvas(); drawImage();};fu原创 2015-09-27 20:56:54 · 3119 阅读 · 0 评论 -
HTML5新增的元素和废除的元素
1.新增的结构元素section,article,aside,header,hgroup,footer,nav,figure2.新增的其他元素video,audio,embed,mark,progress,meter,time,ruby,rt,rp,wbr,canvas,command,details,datalist,datagrid,keygen,output,source原创 2015-09-27 17:57:48 · 1672 阅读 · 0 评论 -
HTML中的实体是什么?
1.实体:HTML中预留字符串必须被替换成字符实体。如: & 在页面中,有些字符是不能直接输出的,如(右尖括号),这些字符类似关键字,需要转化为字符实体才能输出。代码如下: 大家好 你好效果如下:。对于这些字符实体,我们不需要记忆,只要进行查阅即可。查阅地址:http://原创 2015-09-26 17:17:09 · 2202 阅读 · 0 评论 -
HTML使用div和table进行布局
使用div布局: div布局 body{ /*去掉周围的白边*/ margin: 0px; } #container{ width: 100%; height: 950px; background-col原创 2015-09-26 14:45:44 · 1750 阅读 · 0 评论 -
HTML元素是什么?
1.元素指的是从开始标签到结束标签的所有代码开始标签 元素内容 结束标签 你好 2.HTML元素语法元素的内容是开始标签与结束标签之间的内容。空元素在开始标签中进行关闭。大多数HTML元素可拥有属性。3.嵌套的HTML元素大多数的HTML元素都是原创 2015-09-26 10:13:10 · 1483 阅读 · 0 评论 -
HTML列表是什么?
标签 描述 有序列表 无序列表 列表项 列表 列表项 描述1.无序列表使用标签: 属性:disc,circle,square2.有序列表使用标签:原创 2015-09-26 11:57:50 · 1544 阅读 · 0 评论 -
HTML中的框架是什么?
1.框架标签(frame)框架对于页面的设计有着很大的作用;2.框架集标签()框架集标签定义如何将窗口分割为框架;每一个frameset定义一系列行或者列;rows/cols的值规定了每行或每列占据屏幕的面积;3.常用标签:noresize:固定框架大小;cols:列;rows:行;4.内联框架:iframe;代码详解如下原创 2015-09-26 16:41:27 · 2246 阅读 · 0 评论 -
HTML5拖放本地资源
我们可以从本地的资源中拖拽一张图片到网页中,这在HTML和JS的结合下是比较简单的。也即是说一张图片不仅可以在网页中进行拖动,还可以从电脑上拖动。具体实现如下:(1)HTML中代码实现如下: #imgContainer{ background-color: aqua; width: 50原创 2015-09-28 15:18:48 · 2123 阅读 · 0 评论 -
HTML5新增的主体结构元素
1.article元素article元素代表文档,页面或应用程序中独立的,完整的,可以独自被外部引用的内容。它可以是一篇博客或者报刊中的文章,一篇论坛帖子,一段用户评论或独立的插件,或其他任何独立的内容。article元素是可以嵌套使用的;article元素用来表示插件;示例代码如下: article元素原创 2015-09-29 11:26:47 · 1895 阅读 · 0 评论 -
HTML5基本介绍
1.自从2010年html5正式推出以来,立刻受到了世界各大浏览器的热力欢迎和支持。根据世界各大IT媒体的评论,新的web时代,html5时代马上就要到来。2.跨平台运行;3.硬件要求低;4.Flash之外的选择;软硬件环境:1.双核,2G内存;2.可以在windows ,mac,Linux下开发;介绍HTML5:1.HTML是用来描述网页的一种语言原创 2015-09-26 15:18:02 · 1271 阅读 · 0 评论 -
HTML5的语法的改变
1.HTML5推出的理由及目标HTML5的出现,对于Web来说意义非常重大,因为它的目标是想要把目前Web上存在的各种问题一并解决掉了。(1)Web浏览器之间的兼容性很低;(2)文档结构不够明确;(3)Web应用程序的功能受到了限制;世界知名浏览器厂商对HTML5的支持:微软,Google,苹果,Opera,Mozilla2.语法的改变(1)内容类型原创 2015-09-27 17:20:47 · 1318 阅读 · 0 评论 -
HTML5的canvas标签
1.canvas标签HTML5元素用于图形的绘制,通过脚本(通常是JavaScript)来完成;标签只是图形容器,您必须使用脚本来绘制图形;可以通过多种方法使用canvas绘制路径、盒、圆、字符以及添加图像。2.标签【使用canvas标签】代码示例: .canvas{ back原创 2015-09-27 19:43:16 · 1606 阅读 · 0 评论 -
HTML5响应式布局案例
在本案例中,网页的界面布局将会根据当前浏览器的大小进行变化,做出响应。主要使用CSS的@media来进行设计。实现效果类似一淘网,一淘网使用的就是响应式布局。案例代码如下:(1)HTML代码如下: (2)CSS代码如下:*{原创 2015-09-28 20:09:11 · 9335 阅读 · 0 评论 -
初探HTML5
1.什么是HTML?(1)HTML是用来描述网页的一种语言;HTML指超文本标记语言(Hyper Text Markup Languages);HTML不是编程语言,是一种标记语言;2.学好HTML5要学好以下知识:(1)HTML(2)XHTML(3)CSS(4)CSS3(5)JavaScript(6)JQuery(7)HTML53.原创 2015-09-25 22:43:50 · 1272 阅读 · 0 评论 -
HTML属性是什么?
1.标签可以拥有属性为元素提供更多的信息。2.属性以键值对的形式出现。如:href = "http://www.baidu.com"3.常用的标签属性::align 对齐方式:bgcolor 背景颜色:target 规定在何处打开链接4.通用属性class:规定元素的类名id:规定元素唯一IDstyle:规定元素的样式title:规定元素的额外信原创 2015-09-26 10:44:38 · 1437 阅读 · 0 评论 -
HTML表格
表格 描述 定义表格 定义表格标题 定义表格的表头(类似字段名,也就是每一列的名字) 定义表格的行 定义表格的单元 定义表格的页眉 定义表格的主体 定义表格的页脚原创 2015-09-27 16:36:08 · 1374 阅读 · 0 评论 -
HTML5表单新增元素与属性
1.表单内元素的form属性在HTML4中,表单内的从属元素必须书写在表单内部,而在HTML5中,可以把他们书写在页面上任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定的表单了。代码示例如下: 2.表单内元素的formaction属性原创 2015-09-29 14:12:53 · 2186 阅读 · 0 评论 -
HTML5拖放
1.HTML5拖放:拖放(drag ,drop)是HTML5标准的组成部分。2.拖动开始:ondragstart:调用了一个函数,drag(event),它规定了被拖动的数据。3.设置拖放数据:setData():设置被拖放的数据类型和值。4.放入位置:ondragover:事件规定在何处放置被拖动的数据。5.放置:ondrop:原创 2015-09-28 14:27:27 · 1684 阅读 · 0 评论