简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > html 列表,表格,表单标签基础使用说明
Blogger Information
Blog 12
fans 0
comment 1
visits 5197
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html 列表,表格,表单标签基础使用说明
唐长老
Original
880 people have browsed it

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.表单使用


Correction status：qualified

Teacher's comments：唐长老, 作业写得比较简洁, 不像是大话西游中的唐长老应有的风格
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！