首页

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>
    " &quot;
    <textarea cols="文本列数" rows="文本行数"></textarea>
    ' &prime; rowspan="行数" 合并行 //列数没有滚动条 cols+2 列数有滚动条就不用加
    < &lt; colsapn="列数" 和并列
    > &gt;
  • 【注意】:行列都有合并。

  • 四 html
    超链接:点击后发生页面跳转的文字,图片或其他页面元素。
    <a href="网页路径">页面上显示的元素</a>
    外网:路径必须是全路径
    内网:路径是相对的路径
    图片作为超链接:
    <a href="跳转的路径"><img src="路径"></a>

    首页