目录
1 超链接
<a href=“”></a>
属性:
href=“要跳转的页面路径”
target=“打开跳转页面的方式”
_self 默认值，在本页面打开链接
_blank 在新的选项卡页面中打开链接
锚点
在页面上定义一个位置，叫做锚点
我们可以使用a标签，跳转到锚点，页面会直接在这个位置显示
定义锚点的方式：
可以直接给html元素定义一个id值，id值直接当做锚点名称
<h3 id="c2">第二章 东海学艺</h3>
跳转到锚点位置：
<a href="#c2">快速跳转到第二章</a>
跳转到页面顶部：
<a href="#">快速跳转到页面顶部</a>
在写项目时，如果不知道href跳转到哪里，就先用#占位
<a href="#">跳转到登录页，但登录页还没写，不知道路径</a>
2 表格
-
表格的语法
table标签：表示网页的开始和结束，表格的所有内容都要写在这对标签里
tr标签：表示表格中的一行 table row
td标签：是真正存放数据的地方，一行有几个单元格就表示有几列 table datacell
-
表格的可选标记
caption标签: 表格的标题
thead标签：表头部分
tbody标签：表主体部分
th标签：行/列的标题，文字加粗显示
-
表格的属性
border=“1px” 给表格添加边框
style="border-collapse: collapse;" 表格默认的边框是带有间距的，想去掉可以加这句代码
-
不规则的表格
写在td元素中
colspan=“n”跨列，从当前单元格开始，向右合并n个单元格
rowspan=“n” 跨行，从当前单元格开始，向下合并n个单元格
被合并的单元格一定得删掉！！！
-
表格的大小
表格的大小是靠内容撑起来的
如果修改了某个单元格的高度，这一行单元的高度都会随之改变
同理，如果修改了某个单元的宽度，这一列单元格的宽度都会随之改变
3 列表
-
有序列表
代码：
<ol> 有序列表 order list
<li> </li> 列表项 list item
<li> </li>
</ol>
有序列表的属性:
start=“4” 指定列表项的编号起始值从4开始 默认值是1
type=“1”指定编号的类型，默认值1代表阿拉伯数字
a小写字母 A大写字母 i小写的罗马数字 I大写的罗马数字
-
无序列表
代码：
<ul> 有序列表 unorder list
<li> </li> 列表项 list item
<li> </li>
</ul>
无序列表的属性:
type=“disc”实心圆，默认值
circle空心圆 square方块 none没有标识
-
列表的嵌套
ul与ol的直接子元素必须是li
所以，所有被嵌套的内容都需要写在li中
4 表单
特点：
- 提供了一些可视化的输入控件
- 会自动收集整理用户输入的内容，并提交给服务器
-
语法
<form></form>
可以添加的属性:
action=“url” 表示会将表单收集的数据提交到哪个服务器
目前我们可以先写一个#,表示提交到当前页面
-
input元素
公共属性：
type 设置input元素的类型，默认值是text
value 用来保存用户输入的值，用于后期提交给服务器
如果控件是按钮，value用来设置按钮上显示的文本
name 为控件起名字,注意：form表单必须起name否则提交不了数据
文本框与密码框
type=“text” 普通文本输入框
type=“password” 密码框
属性：
maxlength="5" 设置输入数据的最大长度
placeholder="请输入用户名" 提示文字
value="jack" 表示给当前输入框设置了一个默认值jack
这个属性不写默认也有，默认值为空，到时用户输入什么数据，value就保存什么值
按钮
type=“submit”提交按钮，会自动手机整理用户输入的数据，提交
type=“reset 重置按钮，会将表单的控件恢复到初始状态，注意不是清空
type="button" 普通按钮，后期会绑定JS代码
注意: 按钮的value属性是用来设置按钮上显示的文字
H5新增了一个表示按钮的标签 <button></button>等价于上面的type=”button”
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
