緑水長流*z

**内容包括HTML简介、服务器的概念、B/S、C/S软件架构、前端与后端的开发内容、HTML发展历程、浏览器内核介绍、Web标准、WebStorm工具的使用、WebStorm常用快捷键、HTML常用标签****如：文本标签(span)、排版标签(div/p/h1~h6)、图像标签(img)、超链接(a)、锚点的使用、列表标签(ul/li)、表格标签(table)、表单标签(form)****元素的种类、块级元素/行内元素/行内块元素的特点****HTML5新增标签：包括布局标签(header/

文章目录六、HTML5新增标签6.1 布局标签6.1.1 常规布局标签6.1.2 控件标签1）meter标签2）progress标签3）details标签4）dialog标签6.1.3 文本标签1）ruby标签2）mark标签6.2 表单标签6.2.1 H5新增input类型6.2.2 H5新增表单相关属性6.3 多媒体标签6.3.1 video视频标签1）video标签的属性2）video标签的其他用法6.3.2 radio音频标签

在HTML中元素分为三类：块级元素、行内元素、行内块元素## 5.1 块级元素- 块级元素特点： - **1）独占一行，自上而下排列** - 2）默认不设置宽度时，继承父元素的宽度（默认为父级宽度的100%） - 3）可以定义自己的宽度和高度，以及盒模型中的任意属性（margin，padding，border） - 4）块级元素可以作为一个容器容纳其他的任何元素**常见块元素有：p、ul、ol、li、dl、dt、dd、table、tr、td、form、h1、h2、h3、h4、h

定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。语法：【代码示例】【效果如下】表格标签一般用于展示信息例1：例2：在HTML中，表单标签用于在页面中收集用户的数据，然后将数据提交（发送）到服务器进行后端保存。表单标签在实际开发中用的非常多，常用于用户的注册、登录、搜索等需要收集用户数据的应用场景；注册：登录：搜索：HTML中，&等有特殊含义（，用于链接签，&用于转义），不能直接使用。

WebStorm是JetBrains公司旗下一款 JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。支持的语言和框架：提供JavaScript、ECMAScript 6、TypeScript、CoffeeScript、Dart和Flow代码辅助功能。

在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的都是HTML骨架结构标签。比如可以将手机看做是一个标签，我们在HTML中编写了一个手机标签只能说明存在了"一部手机"，但这部手机是什么品牌的，价格、颜色等信息我们都不知道，有了属性之后，我们可以把标签更加明确化；如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就可以使用注释，当浏览器不解析其中的代码。标签是HTML代码的重要组成部分，所有的HTML代码都是由标签来组成的；

服务器，顾名思义就是提供服务的机器，我们接入接入互联网之后，可以使用浏览器访问各大网站；当我们在地址栏上输入了网站地址并按下回车键时，我们的浏览器会根据地址在互联网中找到这个地址所对应的服务器；服务器接收到浏览器的请求后，会将数据（HTML）返回给该浏览器；然后经过浏览器的解析、渲染等就变成了一个精美的页面了；HTML的英文全称是Hyper Text Markup Language，即超文本标记语言，是一种标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台。