html常用标签（2）（适合小白查看）

1、列表标签

1.1无序列表(重点)

<ul type="disc">
  <li>第一项</li>
  <li>第二项</li>
</ul>

<!--type属性：
　　disc（实心圆点，默认值）
　　circle（空心圆圈）
　　square（实心方块）
　　none（无样式）
-->

1.2有序列表

<ol type="1" start="2">
  <li>第一项</li>
  <li>第二项</li>
</ol>

<!--
type属性： start是从数字几开始
　　1 数字列表，默认值
　　A 大写字母
　　a 小写字母
　　Ⅰ大写罗马
　　ⅰ小写罗马
-->

1.3自定义列表

<dl>
  <dt>标题1</dt>
  <dd>内容1</dd>
  <dt>标题2</dt>
  <dd>内容1</dd>
  <dd>内容2</dd>
</dl>

2、表单

2.1表单元素属性

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-COIYoXOS-1606130296559)(C:\Users\CGJ\AppData\Roaming\Typora\typora-user-images\image-20201123163722304.png)]

2.2input之type

2.3下拉列表

 <form>
        籍贯：
        <select>
            <option>山东</option>
            <option>北京</option>
            <option selected="selected">福建</option>
            <option>四川</option>
        </select>
    </form>

注意：selected="selected"当前项为默认选中项

2.3文本域标签

  <textarea></textarea>

3、网页结构

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-y4XtdsfY-1606130296566)(https://i.loli.net/2020/11/23/IvOKJxumzoEH1PS.png)]

4、表单应用

5、常用的方式

6、html总结

6.1总结（1）

6.2总结（2）

仅作为自学笔记使用！