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>元素
子代:后一级
表头:中间>
后代:后所有级
表头:中间空格
交集
表头:之间无连接
并集
表头:中间逗号
属性(选择元素其中属性)
伪元素 (相当于元素特定属性)