链接元素
链接是网页是常用、重要的元素,基本形式是<a href="">这里是链接</a>,属性有target=”_balnk,top,_self等”,链接主要有下列几种:
- 1)网址超链接 <a href="url">文字或图片</a>,点击后进入所写的网址;
- 2) 下载文件 <a href="*.zip或可下载的文件" download="学习文件.zip">这个是下载文件</a>,点击后下载文件;
- 2) 发送邮件 <a href="mailto:abc@abc.com">abc@abc.com</a>,点击后发送电子邮件;
- 2) 拨打电话 <a href="mailto:abc@abc.com">文字或图片</a>,在手机端占击后将打开电话拨号;
- 2) 锚链接 <a href="#abc">文字或图片</a>,abc是锚的name字称,可以在同一页面或不同页面;
列表元素
列表的三种形式
- 1)无序号列表
<ul>
<li>aaaaaaaa</li>
<li>bbbbbbbb</li>
<li>cccccccc</li>
</ul> - 2)有序号列表,可以加入start属性,自定义起始编号,如start=5则从5开始;
<ol start="5">
<li>aaaaaaaa</li>
<li>bbbbbbbb</li>
<li>cccccccc</li>
</ol> - 3)自定义列表
<dl>
<li>aaaaaaaa</li>
<li>bbbbbbbb</li>
<li>cccccccc</li>
</dl>表格元素
表格的基本形式是,下载的表格表示有二行,三列;<table>
<tr><td>编号</td><td>姓名</td><td>电话</td></tr>
<tr><td>1</td><td>AAA</td><td>123456789</td></tr>
<tr><td>2</td><td>BBB</td><td>123456789</td></tr>
</table>
表格有很多属性,如width,height,cellspacing,cellpadding,align,border等属性
表格头可以用th替代td,th中的文字默认加粗,居中;
<thead></thead>表头一般加在第一行,<tbody></tbody>表主体,加在表头下,如下:
<table class="tablestyle">
<thead>
<tr><td>编号</td><td>姓名</td><td>电话</td></tr>
</thead>
<tbody>
<tr><td>1</td><td>AAA</td><td>123456789</td></tr>
<tr><td>2</td><td>BBB</td><td>123456789</td></tr>
</tbody>
</table>
表单元素
表单的基本形式如下
<form name="" action="">
文本框<input name="" value="" type="text">
密码框<input name="" value="" type="password">
单选<input name="" value="1" type="radio">yes <input name="" value="0" type="radio">no;
多选<input name="" value="a" type="checkbox">鱼<input name="" value="b" type="checkbox">虾 <input name="" value="c" type="checkbox">蟹
</form>
为了便于用户操作,可以用autofocus用自动对焦,用label来绑定选项,用checked用默认选中。用maxlenth限制最大字条款,用placeholder写提示,用required要求必填;