自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 HTML5 web储存

使用 HTML5 Web 存储, 可以在本地存储用户的浏览数据。(注:在 HTML5 之前,本地存储使用的是 cookie)A.Web 存储的优势更加安全 更加快速 可以存储大量的数据 每个服务器请求都不会发送存储的数据(数据以 键/值 对存在, web网页的数据只允许该网页访问使用)B. Web 存储对象有两种类型:localStorage :对象存储的数据没有时间限...

2019-11-14 12:04:36 322

原创 JS书写方法、比较运算符和封装

所有的事件都写在window.onload=function{ 其他所有代码放在这里}JavaScript有三种加入方式:1.直接写在页面2.行内,写在标签中3.外部引用JavaScript的引用值有三种1.Array 数组 a=[1,2,3,4,]2.Object 对象 a={id:1,name:xx}3.function(){ }...

2019-05-06 16:57:10 436

原创 jQuery 基础

使用jQ的三个步骤外部引入jq的插件 入口函数 $(function(){ }) 功能的实现javaScript和jQuery的对比 JavaScript jQuery 入口函数 只有一个,后面会覆盖前面 有多个,并且不会覆盖 代码兼容性 代码容易错乱,会影响到后面的代码 简洁不容易错乱,并且不会影响到后面的代码...

2019-04-14 15:38:07 266

原创 html5新增表单

placeholder属性:提示,在用户输入值之前显示在文本框中,与value 类似,但是比它更方便 autofocus属性: 页面在加载时,input自动获得焦点 required属性: 提交时,该域(input)不能为空 search属性: 创建新的搜索框 datalist属性: 搜索选项列表 新的输入类型:email、tel、url、date、...

2019-04-13 18:01:28 253

原创 HTML5 SVG

SVGSVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万维网联盟的标准样式设置stroke:直线的颜色 stroke-width:宽度 stroke-linecap:不同类的开放路径的终结 stro...

2018-10-28 15:39:14 244

原创 HTML5 web储存

在HTML5之前,本地储存使用的是cookie,web储存的优势:更安全 更快速 可以储存大量的数据 每个服务器请求都不会发送存储的数据数据都是以键/值成对的存在,web网页的数据只允许该网页访问使用web存储对象有两种类型localStorage:对象存储的数据没有时间限制 sessionlStorage:当用户关闭浏览器窗口后,数据会被删除API(把localsorag...

2018-10-28 15:23:45 343

原创 HTML5 Audio元素

<audio  controls="如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)" autoplay="如果出现该属性,则音频在就绪后马上播放" loop="如果出现该属性,则每当音频结束时重新开始播放"><source src=" 规定音频文件的URL" type="名字/格式"></audio>&

2018-10-14 18:45:29 338

原创 HTML5 video 元素

<video  controls="如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)" autoplay="如果出现该属性,则音频在就绪后马上播放" loop="如果出现该属性,则每当音频结束时重新开始播放"><source src=" 规定音频文件的URL" type="名字/格式"></video>例

2018-10-14 18:45:19 596

原创 HTML5 <progress> 标签

&lt;progress&gt; 标签定义运行中的任务进度(进程)。&lt;progress value="规定进程的前值" max="规定需要完成的值"例子:正在进行中的下载:下载进度:&lt;progress value="25" max="100"&gt;&lt;/progress&gt;效果图: ...

2018-10-14 18:45:05 737

转载 HTML5 <article><section><aside>标签

&lt;artice&gt;标签定义独立的内容,且内容本身必须是有意义的且必须是独立于文档的其余部分,潜在来源:论坛帖子 博客文章 新闻故事 评论&lt;section&gt;标签定义了文档的某个区域,比如章节、头部、底部或者文档的其他区域&lt;aside&gt;标签定义 &lt;article&gt; 标签外的内容,且aside 的内容应该与附近的内容相关(注:&lt;as...

2018-10-14 18:44:48 945

转载 HTML5 <header><nav><footer>标签

&lt;header&gt; 标签定义了文档的头部区域。&lt;header&gt; 元素适合在 &lt;body&gt; 标签内部使用。 &lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;

2018-10-14 18:44:39 1428

翻译 HTML5 中的页面结构

通用的 HTML5 页面结构如下图所示:在编写 HTML5 文档时,你可能不需要其中的某些元素,具体取决于你的页面结构。

2018-10-14 18:44:22 2080

翻译 HTML5 内容模型

HTML5 中的一些有趣的新特性:用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素,比如 article、footer、header、nav、section 新的表单控件,比如 calendar、date、time、email、url、searchHTML5 中引入了很多的标记元素,根据内容类型的不同,这些...

2018-10-14 18:44:14 1204

原创 HTML内嵌框架-iframe标签

&lt;iframe src="引用的页面地址l" width="宽度" height="高度" frameborder="是否显示边框" name="框架的标识名" scrolling="是否出现滚动条(“yes显示”“no不显示”“auto根据内容显示”)"&gt;&lt;iframe&gt;效果图: ...

2018-10-14 18:44:01 688

原创 HTML表单

基本框架:<form action="提交的地址" method="提交的方式"><input name="表单元素的名字" type="类型" value="值" size="显示宽度" maxlength="能输入的最大字符长度" checked="是否选中"><select name="制定列表的名字" size=...

2018-10-14 18:43:49 206

原创 HTML元素类型-块元素和内联元素

大多数 HTML 元素被定义为块级元素或内联元素区块元素块级元素在浏览器显示时,通常会以新行来开始(和结束)。例如: &lt;h1&gt;, &lt;p&gt;, &lt;ul&gt;, &lt;table&gt; 等。 内联元素内联元素在显示时通常不会以新行开始。例如: &lt;b&gt;, &lt;td&gt;, &lt;a&gt;, &lt;img&amp

2018-10-14 18:43:39 220

原创 制作时间表

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;评论&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;table border="

2018-10-13 14:51:23 574

原创 HTML表格

(注:border 属性规定表格单元周围是否显示边框。如果不定义边框属性,表格将不显示边框。) caption表格的标题&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;表格&lt;/title&gt;&lt;/head&am

2018-10-13 14:40:45 355

原创 HTML列表

无序列表&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;评论&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;ul&gt;

2018-10-13 14:26:14 483

原创 HTML链接

&lt;a herf="url" target=" " &gt;内容&lt;/a&gt;herf:链接地址target:1.-blank:新窗口打开链接

2018-10-13 14:23:05 167

原创 HTML图像

&lt;img src="url" alt=" " height=" " width=" " border=" " /&gt;src:图片的地址alt:如果图片无法显示,则alt属性用来为图像定义一串预备的可替换的文本,alt属性是必需的。height/width:图片的高度和宽度(数值可以用像素或者百分比表示,默认单位为像素)border:规定图像周围的边框的宽度(注:默认情

2018-10-13 14:16:33 165

原创 什么是HTML的属性

属性是 HTML 元素提供的附加信息。HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现,比如:name="value"。 class 属性 与 id 属性是 HTML 常用的属性,适用于大多数 HTML 元素。class 属性class 属性为 HTML 元素定义一个或多个类名。 class 属性通常用于指向样...

2018-10-13 14:09:25 764

原创 什么是HTML元素

HTML 文档由 HTML 元素定义。HTML 元素以开始标签起始,以结束标签终止,元素的内容是开始标签与结束标签之间的内容。HTML 文档由嵌套的 HTML 元素构成。另外,没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。例如,&lt;br&gt; 就是没有关闭标签的空元素(&lt;br&gt; 标签定义换行)。在开始标签中添加斜杠,比如 &lt;br /...

2018-10-13 14:03:51 919

原创 总结

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;评论&lt;/title&gt; &lt;style&gt; .section{          padding:20px;          margin-bott

2018-10-13 13:57:04 103

原创 HTML 标题、水平线、注释

HTML标题是通过&lt;h1&gt;到&lt;h6&gt;标签进行定义的(注:此标签可以生成粗体和大写的文本) &lt;hr&gt;标签在HTML页面中创建水平线                                                                                                                     ...

2018-10-13 12:58:41 666

原创 HTML文本格式化

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;         &lt;meta charset="utf-8"&gt;         &lt;title&gt;格式化&lt;/title&gt;&lt;/head&gt;&lt;body&gt;         &lt;p&amp

2018-10-13 12:50:27 230

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除