博客列表 >html 列表,表格,表单标签基础使用说明

html 列表,表格,表单标签基础使用说明

唐长老
唐长老原创
2019年09月01日 19:01:47887浏览

1.列表标签分为 无序列表  有序列表 定义列表 

实例:

<p>无序列表:</p>
<ul>
	<li>html</li>
	<li>php</li>
	<li>mysql</li>
</ul>

<p>有序列表:</p>
<ol>
	<li>html</li>
	<li>php</li>
	<li>mysql</li>
</ol>

<p>定义列表:</p>
<dl>
	<dt>html</dt>
	<dt>css</dt>
	<li>php</li>
	<li>mysql</li>
</dl>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<p>工作计划表</p>
<dl>
    <dt>周一
	<ol>
		<li>HTML
			<ol>链接标签</ol>
			<ol>图片标签</ol>
			<ol>表格标签</ol>
		</li>
		<li>css
				<ol>链接标签</ol>
				<ol>图片标签</ol>
				<ol>表格标签</ol>
			</li>
	</ol>
</dt>
    <dt>周二
		<ol>
				<li>HTML
					<ol>链接标签</ol>
					<ol>图片标签</ol>
					<ol>表格标签</ol>
				</li>
			</ol>
</dt>
</dl>

运行实例 »

点击 "运行实例" 按钮查看在线实例


2.表格标签.可以定义为多行多列的列表.表格标签 以"table"标注.tr标签可以定义为行  td th 为 列. 

td 与 th 区别 在于标题的 加粗显示  th 常用语 表格标题使用

实例

<table border="1" cellpadding="3" cellspacing=0>
    <tr>
        <th>序号</th>
        <th>名称</th>
        <th>价格</th>
        <th>数量</th>
        <th>总价</th>
        <th>备注</th>
    </tr>
    <tr>
        <td>2</td>
        <td>手机</td>
        <td>1000</td>
        <td>2</td>
        <td>2000</td>
        <td rowspan=4> 别送坏的啊</td>
    </tr>
    <tr>
        <td>3</td>
        <td>手机</td>
        <td>1000</td>
        <td>2</td>
        <td>2000</td>

    </tr>
    <tr>
        <td>4</td>
        <td>手机</td>
        <td>1000</td>
        <td>2</td>
        <td>2000</td>
    </tr>
    <tr>
        <td colspan=3>合计:</td>
        <td>6</td>
        <td>6000</td>
    </tr>
    <tr>
        <td colspan=7>送货地址:成都市xxx区xxx街道</td>

    </tr>
</table>

运行实例 »

点击 "运行实例" 按钮查看在线实例

3.表单使用


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议