html基础知识，整理

# HMTL 基础知识

###查看网页源代码吗

``` ctrl + u```

###dom元素

一个标签即代表一个dom元素

###dom元素属性

```

<p id ="first"></p>

```

* id是属性

* id的值是first

* 看=号，左边的是属性名，右边的是属性值

```

<a class="ab-item" href="https://www.baidu.com">WordProcess.org</a>

```

* class = ab-item

* href = "https://www.baidu.com"

###常用标签

* ```ul li```：无序列表

* ```p```：段落

* ```div```：区域，没有具体的语义功能，渲染出来以后，样式更灵活，最多的用法是容器

* ```a```：锚点，最多的用法是链接。

* ```form```：表单

　　* method属性：表示post提交的方法

　　* action属性：表示提交到后台的地址

* ```input```：各种输入

　　*name属性：提交到后台之后，这个输入控件的名字

　　*value属性：控件里用户的值

　　* type属性：代表不同的类型控件，text，radio，checkbox，hidden

* ```textarea```：多行文本

* ```select```：下拉框,是个容器，在option之上

　　```option```控件，即表示下拉的选项，有几个选项，就有几个option

```这里练习了一个下拉框

<select class="" name="phone">
<option value="1">pinguo 1</option>
<option value="2">pinguo 2</option>
<option value="3">pinguo 3</option>
<option value="4">pinguo 4</option>
<option value="5">pinguo 5</option>
<option value="6">pinguo 6</option>
</select>

```