博客列表 >HTML基础2,学习链接元素、列表、表格、表单部分

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

路亚
路亚原创
2020年04月03日 23:13:31695浏览

html 基础 2

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

1、链接元素

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

2、列表元素

无序列表
  1. <ul>
  2. <li>牛奶</li>
  3. <li>饼干</li>
  4. <li>巧克力</li>
  5. </ul>
有序列表
  1. <ol>
  2. <li>牛奶</li>
  3. <li>饼干</li>
  4. <li>巧克力</li>
  5. </ol>
自定义列表
  1. <dl>
  2. <dt>水果</dt>
  3. <dd>香蕉</dd>
  4. <dt>重量</dt>
  5. <dd>五斤</dd>
  6. </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>

  1. <table>
  2. <tr>
  3. <td>牛奶</td>
  4. <td>牛奶2<</td>
  5. <td>牛奶3<</td>
  6. </tr>
  7. </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 仅限输入框textpassword,输入框的提示信息
6 list 仅限输入框textpassword,下拉框智能提示
7 maxlength 仅限输入框text/password, 允许输入最大字符数量
8 checked 仅限单选框radio, 复选框checkbox(布尔属性)
9 autofocus 自动获取焦点,一个表单仅限一个控件
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议