HTML
hyper text mark-up language（超文本标记语言）
超文本：超链接
标记语言：由标记（标签）构成的语言
一个简单的例子
html> <!--html根标签，代表html文档的开始和结束--> <!--html的头部分，设置网页属性，可以设置标题--><meta><title>Hello World!</title> <!--html的正文部分，放置想要在页面上显示的内容--><!--在HTML中不支持空格、制表符、回车--><h1>静夜思</h1> <!--不分开始和结束的标签，自闭合标签--><p> <!--段落标记，有上下边距即行间距--><font>床</font>前明月光，<br> <!--指定字体的颜色、大小-->疑似地上霜，<br>举头望明月，<br>低头思故乡，<br></p><hr> <!--分隔符--><b>哈哈</b><br> <!--加粗-->H<sub>2</sub>O<br> <!--下标-->2<sup>3</sup><br> <!--上标-->
转义字符
html><meta><title>转义字符</title>哈 哈<br> <!--空格-->a<b>d<br> <!--大于小于需要转义，有可能误当成标签-->12<br> <!--标签里不可以是数字，所以这样写直接就是< >--></b>
列表和图形
html><meta><title>列表标签</title><h2>爱好</h2>
- 抽烟
- 喝酒
- 打游戏
- 小明
- 小强
- 小军
- 水果
- 苹果
- 草莓
- 香蕉
- 零食
- 辣条
- 奥利奥
- 绿豆糕
超链接
html><meta><title>超链接</title><!--a超链接标签，href用于指定链接，以下的网页在同一文件夹内，traget的_blank不覆盖当前页面，而是打开新的页面--><!--href由协协议名+协议内容组成--><a>点我跳转</a><br><a>百度</a><br><a>联系我们</a><br><a>下载</a><br><a></a>@@##@@<br>@@##@@<br>@@##@@<br>@@##@@<br>@@##@@<br>@@##@@<br>@@##@@<br><a>回到顶部</a> <!--#表示使用本地超链接-->
表格
html><meta><title>表格标签</title><!--cellpadding是文字距离内边框的距离，cellspacing是内边框和外边框的距离-->
| 姓名 | 年龄 |
|---|---|
| 小红 | 13 |
| 小强 | 15 |
border是最外边的蓝线的宽度，不要理解成了内外边框的距离，cellspacing才是。
框架标签
如用一个页面来显示3个页面，共需要四个。用4.html来显示其他三个
4.html
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
html><meta><title>Title</title><frameset> <!--上下比例3:7--><frame> <!--占了30%--><frameset> <!--左右比例3:7--><frame> <!--占30%--><frame> <!--占70%，name为_mine,方便点击2.html中的超链接转到3.html中显示--> </frameset> </frameset>
1.html
html><meta><title>Title</title><h1>首页</h1>
2.html
html><meta><title>Title</title><h1>首页</h1>
3.html
html><meta><title>表格标签</title><!--cellpadding是文字距离内边框的距离，cellspacing是内边框和外边框的距离-->
| 姓名 | 年龄 |
|---|---|
| 小红 | 13 |
| 小强 | 15 |
表单标签
html><meta><title>表单</title><!--form标识表单范围-->
meta标签
<meta> <!--指定字符集--><meta> <!--3秒刷新并定向到百度-->
2017.3.7
by @sunhaiyu
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
