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>元素

子代:后一级 

表头:中间>

后代:后所有级

表头:中间空格

交集

表头:之间无连接

并集

表头:中间逗号

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

伪元素  (相当于元素特定属性)