HTML学习(二)

一、有序列表 ol

<ol>
	<li></li>
	<li></li>
	<li></li>
</ol>

ol有以下属性:
start:number —— 定义有序列表的开始值
type:1、a、A —— 定义有序列表序号的类别

二、无序列表 ul

<ul>
	<li></li>
	<li></li>
	<li></li>
</ul>

ul有以下属性:
type:disc、square、circle —— 定义无序列表项目符号的类别

三、描述列表 dl

<dl>
	<dt>分类一</dt>
	<dd></dd>
	<dd></dd>
	<dt>分类二</dt>
	<dd></dd>
	<dd></dd>
</dl> 

dt —— 为分类
dd —— 为内容

四、表格 table

<table border="1">
  <thead>
    <tr>
      <th>表头</th>
      <th>表头</th>
    </tr>
  </thead>
     <tfoot>
    <tr>
      <td>页脚</td>
      <td>页脚</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>内容</td>
      <td>内容</td>
    </tr>
    <tr>
      <td>内容</td>
      <td>内容</td>
    </tr>
  </tbody>
</table>

<table>…</table> —— 表格
<thead>…</thead> —— 定义表格的表头
<tfoot>…</tfoot> —— 表格主体内容进行分组
<tbody>…</tbody> —— 表格页脚
<tr>…</tr> —— 表格行
<th>…</th> —— 表头
<td>…</td> —— 单元格

table有以下属性:
alige:left、center、right —— 定义表格的对齐方式,但不建议使用。
bgcolor:rgb(x,x,x)、#xxxxxx、颜色名(red、blue等)—— 定义表格的背景颜色,但不建议使用。
border:像素 —— 定义表格边框大小
cellpadding:像素 —— 定义内边框大小
cellspacing:像素 —— 定义单元格间隔

td有以下属性:
colspan:number —— 定义单元格合并列数
rowspan:number —— 定义单元格合并行数

五、表单 form

<form>…</form> 定义表单

form有以下属性:
action:请求服务器地址 定义数据要提交给谁
method:get、post 定义请求类型

<input type=“类型” value=“值” name=“名称” />
name —— 定义input元素的名称
value —— 定义input元素的值
type —— 定义input元素的类型,有以下可选:button 按钮、checkbox 多项框、file 上传文件、image 图片、password 密码、radio 单选、reset 重置、submit 提交、text 文本

当进行表单提交时,按input中的name和value属性值组成为请求参数。
get
get请求,请求参数跟在请求服务器地址后,例如https://www.xxx.com?name=“xxx”&id=“xxx”,且请求参数有长度限制。
post
post请求,请求参数以json格式封装在请求体中,例如
{
 name:“xxx”,
 id:“xxx”
}

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值