随笔分类 -  HTML学习笔记

1
20、HTML5 新表单元素及表单属性
摘要：<datalist> 元素 <datalist> 元素规定输入域的选项列表 <datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性 用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据，当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项 请使 阅读全文
posted @ 2018-03-11 14:06 FullStack~ELF 阅读(138) 评论(0) 推荐(0)
19、HTML5 新的 Input 类型
摘要：HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证 本章全面介绍这些新的输入类型： color date datetime datetime-local email month number range search tel time url week color color 阅读全文
posted @ 2018-03-11 14:01 FullStack~ELF 阅读(134) 评论(0) 推荐(0)
18、HTML5 Video（视频）和 audio（音频）
摘要：video标签概述： <video> 元素提供了 播放、暂停和音量控件来控制视频。 同时 <video> 元素也提供了 width 和 height 属性控制视频的尺寸.如果设置的高度和宽度，所需的视频空间会在页面加载时保留。如果没有设置这些属性，浏览器不知道大小的视频，浏览器就不能再加载时保留特定 阅读全文
posted @ 2018-03-11 13:17 FullStack~ELF 阅读(258) 评论(0) 推荐(0)
17、HTML5 地理定位
摘要：HTML5 Geolocation API 用于获得用户的地理位置 鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的 注意:大部分浏览器都支持 Geolocation（地理定位），对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确 使用HTML5 地理定位 请使用 阅读全文
posted @ 2018-02-18 21:41 FullStack~ELF 阅读(130) 评论(0) 推荐(0)
16、HTML5 Video
摘要：直到现在，仍然不存在一项旨在网页上显示视频的标准 今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件 HTML5 规定了一种通过 video 元素来包含视频的标准方法 实例 > 运行结果 <video> 元素提供了 播放、暂停和音量控件来控制视频 同时 <v 阅读全文
posted @ 2018-02-17 12:39 FullStack~ELF 阅读(160) 评论(0) 推荐(0)
15、HTML5 画布
摘要：<canvas> 标签定义图形、，比如图表和其他图像，您必须使用脚本来绘制图形 HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成 <canvas> 标签只是图形容器，您必须使用脚本来绘制图形 创建一个画布: 一个画布在网页中是一个矩形框，通过 <can 阅读全文
posted @ 2018-02-13 14:59 FullStack~ELF 阅读(156) 评论(0) 推荐(0)
14、HTML 统一资源定位器
摘要：URL - 统一资源定位器 Web浏览器通过URL从Web服务器请求页面 当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址 一个统一资源定位器(URL) 用于定位万维网上的文档 说明: scheme - 定义因特网服务的类型。最常见的类型是 http host - 阅读全文
posted @ 2018-02-12 21:07 FullStack~ELF 阅读(143) 评论(0) 推荐(0)
13、HTML 字符实体
摘要：在 HTML 中，某些字符是预留的 在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签 如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities） 字符实体类似这样 > 提示： 使用实体名而不是数字的好处是，名称易 阅读全文
posted @ 2018-02-12 20:59 FullStack~ELF 阅读(141) 评论(0) 推荐(0)
12、HTML 引用脚本
摘要：<script> 标签用于定义客户端脚本，比如 JavaScript <script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件 <noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时 实例 > 阅读全文
posted @ 2018-02-12 11:49 FullStack~ELF 阅读(549) 评论(0) 推荐(0)
11、HTML 颜色表
摘要：网页配色方案： http://www.divcss5.com/peise/#character_14 阅读全文
posted @ 2018-02-10 17:12 FullStack~ELF 阅读(177) 评论(0) 推荐(0)
10、HTML 表单
摘要：用户名&密码表单： 先来看第一个实例 > 运行结果 > 注意：表单本身是不可见的。并且注意一个文本字段的默认宽度是20个字符。 第二个实例 > 运行结果： 注意： 密码字段中的字符是隐藏的(显示为星号或圆圈)，通过password来创建 通过以上两个实例我们可以看到，表单中输入文本的标签是<inpu 阅读全文
posted @ 2018-02-08 15:07 FullStack~ELF 阅读(212) 评论(0) 推荐(0)
9、HTML 布局
摘要：我们不建议使用table标签来进行布局，表格不是布局 巨大多数网页都是使用DIV和外部样式表来进行布局的，这样做也便于更新维护，也可以提供更强大的视觉效果 DIV布局实例 > 运行结果 > 主要的网页标题 菜单 HTML CSS JavaScript 内容在这里 版权 © runoob.com 主要 阅读全文
posted @ 2018-02-07 13:11 FullStack~ELF 阅读(112) 评论(0) 推荐(0)
8、HTML 区块与内联
摘要：<div>详解： DIV标签，称为区隔标记。作用是设定字、画、表格等的摆放位置 当你把文字、图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次” DIV元素，是用来为HTML文档内大 阅读全文
posted @ 2018-02-07 10:11 FullStack~ELF 阅读(158) 评论(0) 推荐(0)
7、HTML 列表
摘要：无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记 无序列表使用 <ul> 标签 运行结果如下 Coffee Milk 有序列表也是一列项目，列表项目使用数字进行标记 有序列表始于 <ol> 标签，每个列表项始于 <li> 标签 运行结果如下 自定义列表不仅仅是一列项目，而是项 阅读全文
posted @ 2018-02-05 10:57 FullStack~ELF 阅读(124) 评论(0) 推荐(0)
6、HTML 表格
摘要：定义表格 定义表格的表头 定义表格的行 定义表格单元 定义表格标题 ( 在表格上方建立标题文本，必须建立在<table>标签后面 ) 定义表格列的组 ( 用于对表格中的列进行组合，以便对其进行格式化 。 只能在 <table> 元素之内，在任何一个 <caption> 元素之后，在任何一个 <the 阅读全文
posted @ 2018-02-03 16:08 FullStack~ELF 阅读(146) 评论(0) 推荐(0)
5、HTML 图像插入及设置
摘要：HTML 图像的插入： HTML 图像的标签是 <img> ，<img>是空标签，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。 定义图像的语法是： 如果名为 "pulpit.jpg" 的图像位于 www.runoob.com 的 images 目录中，那么其 URL 为 htt 阅读全文
posted @ 2018-02-02 19:00 FullStack~ELF 阅读(441) 评论(0) 推荐(0)
4、HTML 超链接
摘要：HTML 链接： 标签 <a> 中使用了“ href ”属性来描述链接的地址。 标签 <a> 中使用了“ target = "_blank" ”属性将在新窗口把链接打开 标签<a>中“ id ”属性可用于创建在一个HTML文档书签标记。 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像。 一 阅读全文
posted @ 2018-01-27 13:34 FullStack~ELF 阅读(108) 评论(0) 推荐(0)
3、HTML 文本格式化
摘要：HTML 文本格式化标签： <b> 定义粗体文本 <em> 定义着重文字 <i> 定义斜体字 <small> 定义小号字 <strong> 定义加重语气 <sub> 定义下标字 <sup> 定义上标字 <ins> 定义插入字 <del> 定义删除字 <del> 和 <ins> 一起使用，描述文档中的 阅读全文
posted @ 2018-01-26 13:43 FullStack~ELF 阅读(185) 评论(0) 推荐(0)
2、HTML 元素&属性
摘要：HTML 元素简述： 1、HTML 元素以开始标签起始 2、HTML 元素以结束标签终止(极少元素没有结束标签) 3、元素的内容是开始标签与结束标签之间的内容 4、某些 HTML 元素具有空内容（empty content） 5、空元素在开始标签中进行关闭（以开始标签的结束而结束） 6、大多数 HT 阅读全文
posted @ 2018-01-24 12:53 FullStack~ELF 阅读(202) 评论(0) 推荐(0)
1、HTML基础
摘要：HTML 标题： HTML 段落： HTML 链接： 提示：href属性中指定链接的地址（在接下来的学习中我们会学到更多关于属性的知识） HTML 图像： 提示：图像的名称和尺寸都是以属性的形式来提供的 HTML 换行： <br/> 就是关闭标签的空元素（<br> 标签定义换行，但使用<br/>更加 阅读全文
posted @ 2018-01-24 12:14 FullStack~ELF 阅读(161) 评论(0) 推荐(0)

1