HTML总结
来源:互联网 发布:算法统宗一百馒头 编辑:程序博客网 时间:2024/06/05 08:15
HTML1 文件标签 <html></html>根标签 <head> <title></title>:页面标题 </head> <body></body>: 内容 属性:text: 文本颜色 background 背景图片 bgcolor 背景颜色 颜色三种表达方式 (1) 单词 (2)rgb三元色 reg(0, 0, 0) (3) #000000 2 排版标签 换行:<br> 段落:<p></p> 特点:段之间有空行 属性: align 对齐方式 水平线:<hr> 属性:width 长度 size 粗度 color 颜色 align对齐方式 尺寸写法 (1)像素: 10px (2)百分百3 块标签 <div></div>行级块标签 <span></span>行内块标签4 文字标签 字体 <fond></fond> 属性:color 颜色 size 大小(1--7 默认3) face 字体类型 标题 <h1></h1>--<h6></h6> 加粗 占一行5 清单标签 无序列表<ul></ul> 属性:type(disc square circle) 列表项 <li></li> 有序列表<ol></ol> 属性:type(A a 1 I i 字母数字罗马数字) start 数字,代表首项开始位置 <ul > <li>列表项</li> <li>列表项</li> <li>列表项</li> </ul> <ol> <li>列表项</li> <li>列表项</li> <li>列表项</li> </ol>6 图形标签 <img/> 属性:src 地址 width 宽度 height 高度 border 边框 align 对齐方式(top middle bottom) alt 图片文字说名7 链接标签 <a></a> 属性:href跳转页面地址 name名称 锚点 target(_self自己默认 _blank新页面) 访问锚点:回到锚点(顶部、底部、中间) #name8 表格标签 表格 <table></table> 属性 border边框 width宽度 align对齐 bgcolor背景色 标题<caption></caption> 行 <tr></tr> 单元格 <td></td> 属性 colspan:列合并 rowspan行合并 表头<th></th>:相等与<td>内置加粗居中<table> <tr><!--行--> <th>表格标头</th> <td>普通单元格</td> </tr></table>9 表单标签 form标签<form></fom>属性:name 名称 action 提交地址 method 提交方式(post get) <form> <table> <!--form里面嵌套table--> </table> </form> input标签<input type=” ”/> Text:文本输入框 name value Password:密码输入框 掩码 Radio:单选按钮 name互斥按钮name相同 提交value值 checked 默认选中 File:上传文件 Button: 普通按钮 Submit: 内置功能 按action地址提交 Reset: 重置 清空填写内容 Image: 图片按钮 功能类似submit src图片地址 alt文字提示 10 下拉菜单 Select标签<select></select>属性:名称 Option标签 可选项属性: value 值 selected默认选中 <select name="city"> <option value="bj">北京</option> <option value="sh">上海</option> <option value="gz" selected="selected">广州</option> </select>11 文本域标签 Textarea标签<textarea></textarea>属性: cols行数 rows列数 默认文本在标签体12 框架标签 Frameset 属性: rows 按行划分 cols 按列划分 rows="120,*" Fram 属性: name:名称,方便target根据name值进行定位13 特殊字符 空格 > 大于号 < 小于号 © 版权符号 ® 注册符号
0 0
- HTML总结
- html总结
- HTML总结
- html总结
- HTML总结
- HTML总结
- html总结
- HTML总结
- html总结
- HTML总结
- html总结
- Html总结
- html总结
- HTML总结
- HTML总结
- HTML总结
- [HTML]总结
- HTML总结
- 20-硬链接与软链接
- 存储过程
- es6 javascript的对象Object.getOwnPropertyDescriptors()
- OCLint 安装与使用
- Eclipse mars2(4.5.2)安装springIDE后不能在新建中显示的问题
- HTML总结
- JSP页面中加入基链接
- 1201
- winform实现重新启动程序的方法
- mac重装系统之Zookeeper安装
- 【9603】最大整数
- Ubuntu下JDK版本切换
- Android Studio 常用快捷键
- 一个验证码实现