随笔分类 - 01-html教程
1
web开发的基础教程，0基础的学生也能学。
摘要：使用正确的文档类型 文档类型声明位于HTML文档的第一行： <!DOCTYPE html> <!DOCTYPE html> 如果你想跟其他标签一样使用小写，可以使用以下代码： <!doctype html> <!doctype html> 使用小写元素名 HTML5 元素名可以使用大写和小写字母。
阅读全文
摘要：本文是转载阮一峰老师的。本套教程也需要这个知识点，正好看到他这篇文章不错。 服务器向浏览器推送信息，除了 WebSocket，还有一种方法：Server-Sent Events（以下简称 SSE）。本文介绍它的用法。 一、SSE 的本质 严格地说，HTTP 协议无法做到服务器主动推送信息。但是，有一
阅读全文
摘要：当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。 web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。 下面的例子创建了一个简单的 web
阅读全文
摘要：HTML5 web 存储,一个比cookie更好的本地存储方式。 什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据。 早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它
阅读全文
摘要：html 0基础教学 新的表单元素
阅读全文
摘要：适合0基础的web开发系列教程-音频和视频。 HTML5 规定了在网页上嵌入音频元素和视频元素的标准，但是不是所有浏览器目前都支持这个标准。 在 HTML5 中播放音频，你需要使用以下代码： control 属性供添加播放、暂停和音量控件。 在<audio> 与 </audio> 之间你需要插入浏览
阅读全文
摘要：使用html5可以获取地理位置并进行定位。 本文讲解的主要是移动端的定位，pc端也可以定位，但是有的pc电脑禁用了定位功能，获取不到位置信息，需要自己去打开定位设置，不同操作系统设置方式大同小异，如果不清楚如何设置的，可以自己搜索下相关设置。获取地理位置进行定位有三种方法原生h5，百度地图，谷歌地图
阅读全文
摘要：H5拖动效果 拖动图片到矩形框中:
阅读全文
摘要：SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万维网联盟的标准 Internet Explorer 9+, Firefo
阅读全文
摘要：HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。
阅读全文
摘要：比如想要在网页中显示一个注册商标符号，就可以插入以下代码： 效果如下图： 其他特殊符号同理。
阅读全文
摘要：通过使用框架，你可以在同一个浏览器窗口中显示多个页面。 先看效果： 代码： 注意：框架页面是没有body的。
阅读全文
摘要：表单主要用于跟用户互动，收集客户端用户的数据。 比如：用户登录，用户注册，发布文章、添加产品等，只要有用户输入数据的地方或者填写文字的地方，就会有表单。 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容,比如：单行文本框、密码框、多行文本框(textarea)、下拉列表、单选框(r
阅读全文
摘要：html标签主要是起结构的作用，布局的效果主要靠css完成，比如颜色、背景、字体大小、对齐等。 不过html标签中也有一些常用的文本格式化标签，能对文本内容进行简单的格式设置。 比如加粗文字、定义斜体、定义小号字、下划线、删除线、上标和下标等。 效果如下： 另外，有时候需要在网页里面显示html代码
阅读全文
摘要：表格由 <table> 标签来定义。 每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。 字母 td 指表格数据（table data），即数据单元格的内容。 数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 表格在业务系统里面非常重要
阅读全文
摘要：要让我们的网页生动漂亮，就需要在网页中加入图片。 我们在网页中加入图片使用的标签是img标签。 网页的<body>和</body>之间得任何位置都可以加入图片。 图片可以是你自己站点下的图片，也可以是网上的图片。不管是加载网络图片，还是自己站点下的图片，只要src指定的路径正确， 就能在网页中成功显
阅读全文
摘要：一个网站是由很多个页面构成的，首先运行的页面叫首页，通过首页点击导航按钮，可以进入到其他页面。 网页之间是如何实现这种链接效果的呢？ html里面的a标签就能实现这个效果。 每个a标签都有一个href属性，用来指向要链接的页面地址。 每个a标签都有一个target属性，用来确定以何种方式打开链接。
阅读全文
摘要：前面讲解了h系列标签，div标签，p标签。这些标签都有一个共同的特点，就是每个标签会独占一行。 先看一段代码： 表现效果： 块级元素在浏览器显示时，通常会以新行来开始（和结束）。 内联元素在显示时通常不会以新行开始，会排在一行，一行排满了才换行。 实例: <b>, <td>, <a>, <img>
阅读全文
摘要：html 0基础教学 夜鹰教程网
阅读全文
摘要：学习路线为：
html =>css=>javascript=>jquery=>h5=>css3=>nodejs=>mongodb=>git>grunt=>webpack=>less=>sass=>bootstrap=>vue/react/angularjs=>webapp=>微信小程序=>全栈开发=>Typescript/es6/es7=>其他。
阅读全文
1
浙公网安备 33010602011771号