HTML学习笔记

2019-12-10  本文已影响0人  吴忆松
标签名称 标签 属性
标题 <h1></h1>
段落 <p></p>
粗体 <strong></strong>
斜体 <i></i>
预格式 <pre></pre>
删除效果 <del></del>
下划线 <ins></ins>
图片 <img/> 1.src 图片地址
2.width,height 图片大小
3.align 图片位置
4.alt 替换图片的文字
超链 <a></a> 1.target 打开链接的方式
2.title 超链上的提示文字
表格 <table>
   <tr>
      <td></td>
      <td></td>
   </tr>
</table>
1.border 表格边框
2.align 表格内容水平对齐
3.valign 表格内容垂直对齐
4.colspan 单元格水平合并
5.rowspan 单元格垂直合并
6.bgcolor 单元格背景颜色
无序列表 <ul>
   <li></li>
   <li></li>
</ul>
有序列表 <ol>
   <li></li>
   <li></li>
</ol>
1.<div></div>
2.<span></span>
两者的区别:div是块元素,会自动换行;
span是内联元素,不会换行。
字体 <font></font> 1.color 字体颜色
2.size 字体大小
内联框架 <ifram></ifram> src 内联的地址
文本框 <input type="text"> 1.size 文本框长度
2.value 文本框的初始值
3.palceholder 背景文字(H5新特性)
密码框 <input type="password">
表单 <form></form> 用于向服务器提交数据
1.method="get" 在地址栏显示提交的参数
2.method="post" 不会在地址栏显示提交的参数
单选框 <input type="radio" > 1.checked 默认是否选中
2.name 可用于分组,保证单选
多选框 <input type="checkbox" > 同单选框
下拉列表 <select>
   <option></option>
   <option></option>
</select>
1.size 列表长度
2.multiple 是否允许多选
3.selected 默认选中
文本域 <textarea></textarea> 1.cols 宽度
2.rows 行数
普通按钮 <input type="button"> value 按钮上现实的文字
普通按钮不具备提交form的效果
提交按钮 <input type="submit"> 用于提交form,把数据提交到服务端
重置按钮 <input type="reset"> 可以把输入框的改动复原
按钮 <button></button> <button>标签功能更为丰富,
按钮标签里的内容可以是文字也可以是图片。
如果button的type=“submit” ,那么它就具备
提交form的功能
上一篇下一篇

猜你喜欢

热点阅读