首页 |
HTML与table属性 |
HTML 知识点: | table 知识点: |
一 html 文字标记 | 一 TABLE |
二 html <br/> <p> <img> <hr> <hn> | 二 form表单 |
三 html 实体 | |
四 html <a> | |
一 html文字标记 | 一 table | 二 form 表单:主要是用来和用户交互的 |
1> 普通文字,页面上正常显示 | <table></table> 表格标记 <tr></tr> 行 <td></td> 列 | <form></form> 表单 |
2> 字体标记: | |
<i></i> 定义斜体文字 | 1.table 属性 | 1. input |
<strong></strong>加粗文字 | border="1" 表格的边框 | <input type="元素名称" /> |
<sup></sup> 小写上标 | align="center" 表格水平位置left左 center中 right右 | button:普通按钮 value="按钮的文字" js /jquery代码 |
<sub></sub> 小写下标 | width="600" 表格宽度 | checkbox 复选框 value="隐藏起来" checked="checked" |
<font></font>可修饰文本大小,颜色,书法体 | height=300 表格的高度 | 默认选中项 处理传递时使用 |
size="值" 文字大小-1-6 | cellpadding="40" 文字到边框的距离 | file 上传控件 |
color="#ff0000" 文本颜色 | cellspacing="20" 边框厚度 | hidden 隐藏域 value="值" 和php脚本程序交互。 |
face="隶书" 书法体 | bgcolor="#ff0000" 背景色 | image 图片提交按钮 src="图片路径" |
二 html | background="logo.jpg" | submit 图片提交按钮 和 img 功能一样 |
<form> action="处理页面" method="post/get" <br/> <p> <hr> <hn> <img> | 当背景图宽度和高度 < 表格 的宽度和高度 | get传递数据慢 post传递数据快 |
<br /> 换行标记 浏览器解释大段空白 只认为是一个空格 | 背景图会在横向和纵向平铺 (重复显示图片) | password 密码框 |
<p></p>段落标记 上下都加空行,而且换行 |
| radio 单选框 具有排他效果,前提是 name="相同" |
<hr > 画线标记 |
| text 文本框 |
color 颜色 | 2 tr 属性 只控制该行内容 | reset 重置按钮 把所有表单元素还原成默认状态。 |
width 长短 | align="centr" left center right 行中内容的左中右 |
|
size 高度 | height="100" 表示行高 |
|
<hn> 标题标记 n 1-6 标题顺次减小。 | valign="bottom" 行中内容的上中下 top middle bottom | 2 非input元素 |
<img src="图片路径"/> |
| <select> //下拉 列表 |
路径规则: | 3 td 属性:只控制该列内容 | <option>北京</option> //选项 |
绝对路径 file:///D:/phpStudy/WWW/xue/top_logo.png | align="right" left center right 列中内容的左中右 | <option>上海</option> |
相对路径 ../top_logo.png 平级 直接写文件名 | valign="top" top middle bottom 列中内容的上中下 | <option selected="selected" >天津</option> |
目录名/文件名 ../ 上一级 | width="100" 表示列宽(调整后影响整列的宽度) | //selected="selected" 为默认选项 |
三 html 实体 | height="40" 行高(调整后影响整列的高度) | <option>河北</option> |
把字符 控制符进行转换的 | 标记具有就近原则。 | </select> |
" " |
| <textarea cols="文本列数" rows="文本行数"></textarea> |
' ′ | rowspan="行数" 合并行 | //列数没有滚动条 cols+2 列数有滚动条就不用加 |
< < | colsapn="列数" 和并列 | |
> > | 【注意】:行列都有合并。 | |
|
四 html | | |
超链接:点击后发生页面跳转的文字,图片或其他页面元素。 | | |
<a href="网页路径">页面上显示的元素</a> | | |
外网:路径必须是全路径 | | |
内网:路径是相对的路径 | | |
图片作为超链接: | | |
<a href="跳转的路径"><img src="路径"></a> | | |
|
首页 |