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 |
自动获取焦点,一个表单仅限一个控件 |