HTML基础2，学习链接元素、列表、表格、表单部分

html 基础 2

• 今天继续昨天的课程学习前端HTML知识，课程中遇到直播间服务器崩溃，导致学习中断，很遗憾今天的课程没办法完成，结合老师的课后课件，进行了今晚的部分作业总结，根据已学知识总结如下，请老师批改。

---

1、链接元素

<a herf="htpp://www.php.cn">php中文网</a>
<h1 id="aochoe">神奇的PHP</h1>
<a herf="#aochoe">跳转到 ID为'aochoe'标题</a>
<a herf="mailto:php123@qq.com">发送邮件的写法</a>
<a herf="tel:1570577***">拨打手机的写法</a>
<a herf="phpword.zip" download="phpword">下载写法</a>

2、列表元素

无序列表

<ul>
    <li>牛奶</li>
    <li>饼干</li>
    <li>巧克力</li>
</ul>

有序列表

<ol>
    <li>牛奶</li>
    <li>饼干</li>
    <li>巧克力</li>
</ol>

自定义列表

<dl>
    <dt>水果</dt>
    <dd>香蕉</dd>
    <dt>重量</dt>
    <dd>五斤</dd>
</dl>

表格

序号	标签	描述
1	<table>	定义表格
2	<tbody>	定义表格
3	<tfooter>	定义表格底部，只需定义一次
4	<tr>	定义行表格
5	<td>	定义列表
6	<row>	自定义
7	<thead>	定义表格头部，只需定义一次
8	<caption>	定义表格标题名称
9	<th>	定义表格中的头部，居中加粗

属性

序号	属性	适用元素	描述
1	border	<table>	添加表格框
2	cellpadding	<table>	设置单元格内边距
3	cellspacing	<table>	设置单元格边框间隙
4	align	不限	设置单元格内容水平居中
5	bgcolor	不限	设置背景色
6	rowspan	不限	设置单元格行合并
7	width	不限	设置宽度
8	height	不限	设置高度
9	colspan	不限	设置列合并

</table>

 <table>
     <tr>
        <td>牛奶</td>
        <td>牛奶2<</td>
        <td>牛奶3<</td>
    </tr>
 </table>

3 表单的元素

• 常用类型

序号	类型	描述
1	<input type="text">	单行文本框 (默认值)
2	<input type="password">	密码输入框
3	<input type="radio">	单选框
4	<input type="checkbox">	复选框
5	<input type="email">	邮件

• 学习 几个常用属性：name,value,type,form,placehodle等等

序号	属性	描述
1	type	控件类型,如文本框, 复选框…
2	name	请求参数的名称,对应于脚本处理的变量名
3	value	请求参数的值,对应于脚本处理的变量值,使用预定义值控件无效
4	form	控件所属表单
5	placeholder	仅限输入框text和password,输入框的提示信息
6	list	仅限输入框text和password,下拉框智能提示
7	maxlength	仅限输入框text/password, 允许输入最大字符数量
8	checked	仅限单选框radio, 复选框checkbox(布尔属性)
9	autofocus	自动获取焦点,一个表单仅限一个控件