今天介绍其他的常用标签
图片标签,是一个单标签
<img src = "./code.gif">
<img src = "./beaty.jpg">
<img src = "../image/code.gif">
这些都是相对路径
也可以用绝对路径,但是绝对路径采用file协议,约束太多。
接下来介绍img的属性
<img src = "图片路径" title = "鼠标放到图片上显示的提示信息"
alt = "图片加载失败的提示信息" width = "宽" height = "高">
大家可能对./ 或者../ 有一些疑问。接下来为大家解释一下。
./ 表示同级文件下
../ 表示上一级的文件下
../../表示上一级的上一级文件下,相信大家学计算机的,懂得都懂。
如果大家学过Linux呢,对这个文件目录应该会有一点点了解。
超链接标签
超链接,实现不同页面的跳转
<a href = "要跳到的网页url" title = "鼠标放上的提示信息" target = "规定在何处打开">内容</a>
target 有两种属性,_self是在当前页面打开,_blank是在新页面打开
举个例子
<a href = "http://www.baidu.com" title = "百度" target = "_blank">百度</a>
当然了,也可以用图片来当作超链接
<a href = "http://www.baidu.com" title = "百度" target = "_blank"> <img src = "1.jpg"> </a>
表格 table
<table> <!-- 创建表格-->
<tr> <!-- 表示行-->
<td> <!-- 表示单元格-->
<img src = "./狼王.png"/ width = "800">
</td>
<td>
<img src = "../img/喜羊羊与灰太狼之框出未来.jpg"/ width = "800">
</td>
</tr>
</table>
<table>的属性
width 宽度
height 高度
border 边界 选项从1开始
bordercolor 边界颜色
bgcolor 表格背景颜色
align 表格位置 有left center right
cellspacing 单元格与单元格间距
cellpadding 单元格与内容之间的空隙
<tr>的属性
height 高度
bgcolor 表格背景颜色
align 文字水平对齐 有left center right
valign 文字竖直对齐 有top middle bottom
<td>的属性
width 宽度
height 高度
bgcolor 表格背景颜色
align 文字水平对齐 有left center right
valign 文字竖直对齐 有top middle bottom
还有合并单元格的操作,可以把表格合并成一格哦
colspan 要合并的单元格列数 必须给td
rowspan 要合并的单元格行数 必须给td
表单标签
<form method = "get||post" action = "向何处发送表单">
<input/>
属性 type定义输入框的类型
文本框 type = "text"
密码框 type = "password"
提交框 type = "submit"
按钮框 type = "button"
重置框 type = "reset"
placeholder 提示信息
name 一定不能少
value
</form>
例子环节
<form method = "post" action = "后端地址">
用户信息:<input type = "text" name = "username" placeholder = "输入账号"/>
<br/>
密码:<input type = "password" name = "usermima" placeholder = "输入密码"/>
<br/>
<input type = "submit" value = "登录"/>
<input type = "reset" value = "清空"/>
</form>
HTML暂时就跟到这里了,接下里就是更新CSS咯,可以玩花里胡哨,酷炫吊炸天的了。
不得不说,心里还有一丝小激动呢。
结尾的时候,给大家来点鸡汤,打打鸡血。
1、我们要面对的苦难和挫折不会因为我们遭遇够多而减少,上天不会因为你的悲惨而悯怜你,它只会安排一道又一道难关来磨炼你的意志。
2、在某个年纪之前,你可以靠透支身体,小聪明和老天给你的运气一直取巧地活着。然而到了某个年纪之后,真正能让你走远的,都是自律,积极和勤奋
3、我们最终都要远行,最终都要跟稚嫩的自己告别。也许路途有点艰辛,有点孤独,但熬过了痛苦,我们才能得以成长。
5、后来才明白,要赚到足够令自己安心的钱,才能过上简单、安逸、自由的生活,才能让自己活得更有底气。所以,多花时间努力,少点功夫矫情。
6、不要总是觉得自己长得很丑,智商太低,生活会一直穷困下去,因为如果你这样感觉,那么这些就会成为事实,跟你如影随形。