HTML(2)------HTML+CSS+JavaScript

今天介绍其他的常用标签

图片标签，是一个单标签

<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、不要总是觉得自己长得很丑，智商太低，生活会一直穷困下去，因为如果你这样感觉，那么这些就会成为事实，跟你如影随形。