f1d3eebcd5403ef64d08676f99bacec4.png

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="提交" />

感谢~

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐