今晚的月度会议，又被洗脑了一遍，也不能说是洗脑，是无情的揭露，目标是不是真的遥不可及，我们是不是还有学生综合症。前端我是不是真的做不到独当一面的高手，我是不是懒惰了，我为什么学英语，我周末都在做什么，我为什么不愿意加班，我为什么身材臃肿……这些种种，答案呼之欲出，不是做不到就是不愿意付出，做啊，杀气呢！?看到樱桃的发言，我就想到一个词，灵魂人物，这个公司我加入不到一个月，现状是这么的年轻，意味着我可以有更大的机会，我是不是该做点什么，现状既然是这样，我一点点来改变，前端是我的痛，那我就学，那我就多做————-纪念2017-9-7晚月度会议
① 图片
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
src 图片路径
alt 图片没有加载出来，图片位置显示alt文本② 超链接
一般用法
<a href="http://www.w3school.com.cn" target="blank">W3School</a>href 点击后跳转的URL
target 何处打开URL （blank-新打开一个页面）
中间 链接显示的名字
嵌套图片
<a href="http://www.w3school.com.cn">
<img src="/i/eg_tulip.jpg"/></a>锚
<a href="http://www.w3school.com.cn" name="first">A</a>
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
<a href="#first">B</a>“锚”：点B，页面回到A处
场景：页面下拉长，侧面使用可以找到几个节点定位再几个标题处
语法：a标签的href=“#另一个a标签的name”
***： 每种标签都有name属性
跳转邮箱
href=”mailto:邮箱名”③文本
标题
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>有h1-h6 6种，数字小，文字大
字体
<font size="5" face="arial" color="red">size：字号
face：字体
color：颜色
字型
<b>这是粗体文本</b>
<strong>这是粗体文本</strong>
<b>这是斜体文本</b>
<em>这是斜体文本</em>
<u>下划线</u>
<s>字间线</s>段落
双p标签 段落
<p>这是段落，我的下面会空1行。</p>单p标签 空行
1
<p>
1br标签 换行
<p>
To break<br />lines<br />in a<br />paragraph,<br />use the br tag.
</p>hr标签 水平线
<h1>This is header 1</h1>
<hr />
<p>This is some text</p>pre预定义格式
<pre>
我
是
少
年
</pre>转义字符
空格
<p>空  格</p> --注意空一格双引号
<p>空" 格</p> --注意空一格④ 列表
有时候记不清，o是order，有序，或者记地正方圆才有规则，o是圆的是，是有序的
无序列表：ul+li
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>有序列表：ol+li
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>自定义列表
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>⑤ 表格
table（表格） tr （行） th（列） td（格）
rowspan （跨行） colspan （跨列）
cellspacing （单元格间距） cellpadding （单元格内间距）
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>⑥ 表单
结构
method表示以什么形式发送，明文get或者加密post
action表示信息发送到哪里
<form action="form_action.asp" method="get"></form>文本框
<form method="post"><input type='text' /></form>密码框
<form method="post"><input type='password' /></form>单选按钮：type是radio，需要name一致才会互斥
<form method="post">
<input type="radio" name="1" />
<input type="radio" name="1">
</form>复选框
<form method="post">
<input type="checkbox" />
<input type="checkbox" />
</form>下拉列表
<form method="post">
<select>
<option value="1">语文</option>
<option value="2">数学</option>
</select>
</form>一般按钮
<form method="post">
<input type="button" value="我是按钮">
</form>表单提交
<form method="post">
<input type="submit" value="点我提交">
</form>⑦ 其他标签
meta-写图片描述
1. 用来指定代码使用的规范
2. keyword用来写关键字，用来浏览器分类
3. description用来写描述
marquee-滚动
这个就像走马灯一样，控制文字或者图片从哪里到哪里，速度多少，记得小时候垃圾网站经常会弹出这样的，不过现在很少见这样的风格了，所以这个标签也用的少了
