HTML、CSS基础

1.标题

p标签是一个段落标签

标题标签分h1-h6

从h1到h6逐渐变小

hr是水平线标签

2.列表

是HTML中核心的标签，有三种，分别是无序列表、有序列表、自定义列表

无序列表

<ul>

<li></li>

</ul>

有序列表o代表order

<ol>  </ol>

自定义列表

<dl>

<dt></dt>

<dd></dd>（dd有缩进效果）

</dl>

3.表格

表格用于展示数据库中的数据，核心

<tr>标示这个表格中间的一个行 
<td>标示行中的一个列,需要嵌套在<tr></tr>中间

<table>

<thead>（表头）

<tr>

<th>

</th>

</tr>

</thead>

</table>(表体)

<tbody>

<tr>

<td>

</td>

</tr>

</tbody>

<tfoot>（页脚）

tr td

</tfoot>

4.超链接

作用：

1.跳转

2.页面内部锚定跳转  例：回到顶部

href属性为空，会刷新当前页面

<a href="#top"></a>其中#表示在当前页面寻找id值为top的标签

<a href="链接路径"  target="_blank"(新开网页) > </a>

<a href="#top"></a>

5.图片

图片路径、宽高

<img src=”路径”    alt=”替代文字”>

上一级路径：../

6.表单

分父元素和子元素

父是form

子元素以input为核心

实现登录、注册

用来向后台服务器提交数据

单选和复选默认checked

下拉框默认seleced

所有的表单项要把参数提交到服务器，要有name和value

<form action=”服务器地址”   method=”用来指定数据如何发送到服务器的属性，可以实现post和get操作”></form>

7.Css

写在表头的选择器<style></style>

选择器

分为：Id  class 元素选择器

元素：

后代 子代 交集 并集

class选择多个

表头：.后加内容

id不重复选择

表头：#后加内容

优先级id>class>元素

子代：后一级 

表头：中间>

后代：后所有级

表头：中间空格

交集

表头：之间无连接

并集

表头：中间逗号

属性(选择元素其中属性)

伪元素  （相当于元素特定属性）