HTML列表 表格 表单

列表

HTML 支持有序、无序和定义列表

有序列表

<ol>
	<li></li>
</ol>
<ol>
	<li>1</li>
	<li>2</li>
	<li>3</li>
</ol>

无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

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

属性:type:序号样式
disc 实心圆
circle空心圆
square实心方框

<ul type="square">

自定义列表

<dl>
	<dt>
		<dd></dd>
	</dt>
</dl>
	<dl>
        <dt>第一节</dt>
        	<dd>1</dd>
        	<dd>2</dd>
        	<dd>3</dd>
        	<dd>4</dd>
        	<dd>5</dd>
    </dl>

表格

<table> </table> 定义表格
<th></th> 表格的标题栏 (文字加粗)
<tr> 行
<td> 列
在<table>中可以使用<caption>标签作为标题 在表上边显示
cellspacing 属性-定义表格单元格之间的空间
cellpadding 属性-表示单元格边框与单元格内容之间的距离
如果要将两个或多个列合并为一个列,将使用 colspan 属性
如果要合并两行或更多行,则将使用 rowspan 属性。

表单

<from>里面是表单元素</from>
<fieldset>  表单的边框线

文本表单

<input type="text">
密码字段
<input type="password">
单选按钮
<input type="radio">
复选框
<input type="checkbox">
提交按钮
<input type="submit">

框架

整合框架

<frameset></frameset>
<frameset cols="40%,*">
    <frame src="./class1.html"></frame>
    <frame src="./class2.html"></frame>
</frameset>

内联框架

<iframe></iframe>
属性: width宽
	  height高
	  scrolling 规定是都在框架中显示滚动条
	  src 规定在iframe中引入的URL
<iframe src="http://www.baidu.com" width="600px" height="400px" name="myhtml"></iframe>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值