表格丨结构标签丨表单丨展示图加代码

2018-06-24 01:04:15来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

<table border="1px" align="center" cellpadding="50%" cellspacing="0px">
<tr>
<td colspan="2">1</td>
<!-- <td>1</td> -->
<td rowspan="2">1</td>
</tr>
<tr>
<td rowspan="2">1</td>
<td>1</td>
<!-- <td>1</td> -->
</tr>
<tr>
<td colspan="2">1</td>
<!-- <td>1</td> -->
<!-- <td>1</td> -->
</tr>
</table>

<p>结构标签</p>
<header>&lt;header&gt;头部</header>
<nav>&lt;nav&gt;导航</nav>
<section>&lt;section&gt;相当于DIV</section>
<article>&lt;article&gt;定义独立文章,论坛的帖子等</article>
<footer>&lt;footer&gt;页脚<footer>
<aside>&lt;aside&gt;侧边栏,广告栏等</aside>

<p>ul li 无序列表(属性 disc:默认;circle:空心圆;square:实心矩形)</p>
<ul>
<li>梨子</li>
<li>草莓</li>
<li>苹果</li>
</ul>
<ul type="square">
<li>梨子</li>
<li>草莓</li>
<li>苹果</li>
</ul>
<p>ol li 有序列表(属性 1:默认; a,A,I,i)</p>
<ol>
<li>Web</li>
<li>HTML</li>
<li>xiaohaimian</li>
</ol>

<p>表单(form)</p>
<form action="表单提交的地址" method="提交方式post/get">
用户名:<input type="text" name="user" value=""/>
密码:<input type="password" name="pass" value="" /><br/>
<p>你的性别:</p>
<input type="radio" name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女
<p>你的爱好:</p>
<input type="checkbox" name="" value="游戏" />游戏
<input type="checkbox" name="" value="编程" />编程
<input type="checkbox" name="" value="打架" />打架
<input type="checkbox" name="" value="泡妞" />泡妞
<p>上传文件:</p>
<input type="file" />
</form>

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:CSS3扁平化Loading动画特效

下一篇:【HTML入门基础知识】从零开始,我要加油!---致HTML