github用相对路径显示图片_常用标签(图片、表格、表单标签)-Java工程师必会的前端知识(3)...
1. 图片标签1.1图片标签的注意img (不会自动的换行)src:引入图片的位置{相对路径、绝对路径、网络路径 }title:图片的标题原始 宽和高400px 260px200px 130pxborder:图片的边框alt:图片无法正常显示的时候显示的属性align:图片的位置 ,必须有参照物1.2图片标签的使用<!--相对路径--><img src="img/2.j...
1. 图片标签
1.1 图片标签的注意
img (不会自动的换行)
src:引入图片的位置{相对路径、绝对路径、网络路径 }
title:图片的标题
原始 宽和高
400px 260px
200px 130px
border:图片的边框
alt:图片无法正常显示的时候显示的属性
align:图片的位置 ,必须有参照物
1.2 图片标签的使用
<!--相对路径-->
<img src="img/2.jpg" />
<!--绝对路径-->
<img
src="C:UsersmyDocumentsHBuilderProjects01
HTMLimg1.jpg" />
<!--网络路径-->
<img src="https://www.baidu.com/img/bd_logo1.png"
/>
<p>
6666
<a href="#">
<img src="img/1.jpg" title="图片" width="200px"
height="200px" border="2px" alt="图片显示错误"
align="right"/>
</a>
8888
</p>
2. 表格标签
table>tr*3>th*3 :声明3行3列的表格
table表格的自适应能力 (align="center")整个的表格整
体居中
width="300px" height="300px" cellpadding:内容和单
元格的距离 cellspacing:单元格和单元格的距离
tr:行 :height
td/th:列 width
td:普通的列
th:标题列:自动的居中,加黑效果
colspan:列合并
rowspan:行合并
bgcolor:背景颜色
3 表单标签学习
https://www.baidu.com/s?键1=值1&键2=值2
action:表单提交的位置
method(get/post):表单提交的方式
GET:
(1)参数会依附于url地址之后
(2)利用get方式提交数据,数据的长度有限制
(3)利用get方式提交数据,是不安全的
Post
(1)请求不会依附于地址,
(2)利用post处理参数不受限制
(3)post提交数据比较安全。
示例:
<!--普通文本框 value:文本框中值-->
账号: <input type="text" name="zh" value="123" />
密码:<input type="password" name="pwd" value="123"
/>
<!--单选框 实现单选的效果必须指定同一个name属性
checked:默认的选择-->
男:<input type="radio" name="sex" value="1"
checked="checked"/>
女:<input type="radio" name="sex" value="0"/>
<!--多选框-->
抽烟:<input type="checkbox" value="1"
checked="checked">
喝酒:<input type="checkbox" />
烫头:<input type="checkbox" /><br />
<!--多行文本框-->
个人介绍: <textarea rows="15" cols="20" value="">你
好</textarea><br />
<!--文件选择框-->
<input type="file" name="file" /><br />
<!--隐藏框-->
<input type="hidden" name="sno" value="20180607" />
<!--下拉框 selected:默认的选择-->
<select name="ch">
<option value="1">中国</option>
<option value="2" selected="selected">美国</option>
<option value="3">日本</option>
<option value="4">新加坡</option>
</select>
<!--提交按钮-->
<input type="submit" value="提交" />
<!--清除按钮,清空写好的内容-->
<input type="reset" value="清除" />
<!--普通的按钮 没有提交数据的功能-->
<input type="button" value="提交" />
感谢~
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)