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的功能 |