HtmlReview

超链接

<a herf="" target=""></a>
//target有两种模式_self（原窗口，默认）和_blank（新窗口）

超链接+锚点

<a herf="#momo">标题</a>
<h1 id="momo">详情内容</h1>

常用特殊字符

大于 &gt

小于 &lt

空格 &nbsp

表格

<table>
    <thead>
        <tr>
            <th>表头单元格</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>行单元格</td>
        </tr>
    </tbody>
</table>
//要设宽高
//跨行合并：rowspan
//跨列合并：colspan
//单元格与文本间隔：cellpadding
//单元格与单元格间隔：cellspacing

vs'code编辑快捷键

alt +shift 连选多行编辑

ctrl +shift点选多行编辑

标签总结

无序标签

ul>li

<ul type="">//disk圆点、square方块、I圆圈
   <li></li>
</ul>

有序标签

ol>li

<ol type="">//类型有1、A、I
    <li></li>
</ol>

自定义列表

<dl>
    <dt>关注我们</dt>
    <dd>新浪微博</dd>
    <dd>官方公众号</dd>
</dl>

表单

完整的表单包括：表单域（提交用户信息到后台）、表单控件、提示信息

<form action="url地址" method="提交方式" name=”表单域名称“>
    
</form>
//action 接收数据的服务器地址
//method get post
name 表单名称、区分同一个页面的多个表单域

表单元素

<input type="text" value="请输入">
//文本框
<input type="password">
//密码框
<input type="radio" name="momo" checked>
<input type="radio" name="momo">
//单选框
<input type="checkbox" checked>
//复选框
​
​
//name 单选和复选的name值要一样，才能实现单选和复选
//value 设置显示框内提示信息
//checked 默认选择
//maxlength 

按钮

<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="button" value="获取短信验证码">
<input type="file">
//文件/图片上传
<button>确认</button>

label标签

点击文字光标定位到文字关联的表单区域

<input type="radio" id="aa">
<label for="aa">性别</label>

下拉表单

所在城市：
<select>
    <option>长沙</option>
    <option>北京</option>
    <option>上海</option>
    <option>广州</option>
</select>
//默认选择 selected

文本域

<textarea></textarea>