php学习基础篇之HTML文字标记及换行、图片等标记的讲解
来源:互联网 发布:医院果酸换肤 知乎 编辑:程序博客网 时间:2024/05/31 05:29
知识点:
一 table
二 form表单
一 table
<table></table>表格标记
<tr></tr> 行
<td></td>列
1.table 属性:
border="1" 表格的边框
align="center" 表格水平位置 left 左 center 中 right 右
width="600" 表格宽度
height="300" 表格高度
cellpadding="40" 文字距离边框的距离
cellspacing="20" 边框的厚度
bgcolor="#FF0000" 背景色
background="imgs/1.jpg"
当背景图宽度 和 高度 < 表格的宽度 和 高度 背景图会在横向和纵向平铺(重复)
当背景图宽度 和 高度 > 表格的宽度 和 高度 表格从左上角开始引用图片的一部分 (和表格的宽度和高度相同)
2 tr 属性 只控制该行内容
align="center" left center right 行中内容的左中右
height="100" 行高
valign="bottom" 行中内容的上中下 top middle bottom
3 td 属性:只控制该列内容
align="right" left center right 列中内容的 左 中 右
valign="top" top middle bottom 列中内容的上 中 下
width="100" 列宽(影响整列的宽度)
height="40" 行高(影响整行的高度)
标记具有就进原则
colspan="列数" 和并列
rowspan="行数" 合并行
注意: 行列都有合并 先列 后行
二 form表单: 主要是用来和用户交互的
<form></form> 表单
1. input
<input type="元素名称" />
button: 普通按钮 value="按钮的文字" js /jquery代码
checkbox 复选框 value="隐藏起来" checked="checked" 默认选中项 处理传递时候用
file 上传控件
hidden 隐藏域 value="值" 和php脚本程序交互。
image 图片提交按钮 src="图片路径" 图片形态
<form> action=“处理页面”method="post/get"
submit 图片提交按钮 和 image功能一样,按钮形态
password 密码框
radio 单选框 排他效果 name="相同"
text 文本框
reset 把所有表单元素 还原成默认状态 value="按钮上文字"
2 非input 元素
<select> 下拉 列表
<option>北京</option> 选项
<option>上海</option>
<option selected="selected">天津</option> selected="selected" 默认选项
<option>河北</option>
</select>
<textarea cols="文本列数" rows="文本行数"></textarea> 没有滚动条 cols+2
一 table
二 form表单
一 table
<table></table>表格标记
<tr></tr> 行
<td></td>列
1.table 属性:
border="1" 表格的边框
align="center" 表格水平位置 left 左 center 中 right 右
width="600" 表格宽度
height="300" 表格高度
cellpadding="40" 文字距离边框的距离
cellspacing="20" 边框的厚度
bgcolor="#FF0000" 背景色
background="imgs/1.jpg"
当背景图宽度 和 高度 < 表格的宽度 和 高度 背景图会在横向和纵向平铺(重复)
当背景图宽度 和 高度 > 表格的宽度 和 高度 表格从左上角开始引用图片的一部分 (和表格的宽度和高度相同)
2 tr 属性 只控制该行内容
align="center" left center right 行中内容的左中右
height="100" 行高
valign="bottom" 行中内容的上中下 top middle bottom
3 td 属性:只控制该列内容
align="right" left center right 列中内容的 左 中 右
valign="top" top middle bottom 列中内容的上 中 下
width="100" 列宽(影响整列的宽度)
height="40" 行高(影响整行的高度)
标记具有就进原则
colspan="列数" 和并列
rowspan="行数" 合并行
注意: 行列都有合并 先列 后行
二 form表单: 主要是用来和用户交互的
<form></form> 表单
1. input
<input type="元素名称" />
button: 普通按钮 value="按钮的文字" js /jquery代码
checkbox 复选框 value="隐藏起来" checked="checked" 默认选中项 处理传递时候用
file 上传控件
hidden 隐藏域 value="值" 和php脚本程序交互。
image 图片提交按钮 src="图片路径" 图片形态
<form> action=“处理页面”method="post/get"
submit 图片提交按钮 和 image功能一样,按钮形态
password 密码框
radio 单选框 排他效果 name="相同"
text 文本框
reset 把所有表单元素 还原成默认状态 value="按钮上文字"
2 非input 元素
<select> 下拉 列表
<option>北京</option> 选项
<option>上海</option>
<option selected="selected">天津</option> selected="selected" 默认选项
<option>河北</option>
</select>
<textarea cols="文本列数" rows="文本行数"></textarea> 没有滚动条 cols+2
0 0
- php学习基础篇之HTML文字标记及换行、图片等标记的讲解
- 1-3html文字标记及换行、图片等标记
- HTML标记【图片相对文字基准纡的水平对】!
- Html之设置不换行的标记nobr_实例
- 一、HTML基础之标记
- HTML基础之常用标记
- HTML标记【图片的使用】!
- HTML 文字样式标记
- HTML标记文字
- HTML中标记文字
- 标记语言之Html学习
- HTML标记【其他特殊文字样式标记】!
- Html学习之html的文件基本标记(1)
- Html学习之html的文件基本标记(2)
- HTML基础学习-2-文本标记学习
- HTML图片标记
- php去除HTML标记
- HTML基础标记
- empty(trim($str))报错原因
- 支持群聊+语音聊天+高仿QQ源码下载 (android前端+JAVA后台+spark<windows版聊天>)方便集成到自己系统
- VC++,掀起你的盖头来——谈VC++对象模型
- linux下mysql的root密码忘记解决方案
- 【加密教程】:加密教程二之凯撒密码
- php学习基础篇之HTML文字标记及换行、图片等标记的讲解
- CF#318-C - Bear and Poker-大水题t
- 路由器后台页面可以Ping通,但是显示502 badgateway
- Hzau—wireless有限的访问权限
- 深入浅出UML类图(二)
- 日语歌词学习+翻译
- matlab中的sum函数的用法
- 新手如何配置spring
- Root Container #Facebook Relay文档翻译#