主要是记录自己从基础开始扎实学习html的过程,这周是第一周,下面是我实现的几个实例,主要还是比较基础的东西通过整理一遍的方式来巩固一下自己
首先就是超链接
<a href="熨斗林佳鹏.html" target="_blank">灿坤蒸汽电熨斗</a>
这样就可以通过点击这句话跳转到另外一个html,target属性则可以让这个被链接的东西在何处显示
然后是多层次显示,通过不同的标题实现
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>林佳鹏-练习1</title> </head> <body> <body> <h3>商品信息</h3> <h4>产品类别</h4> <hr size="3"noshade=true > <ul> <li>数码</li> <ul> <li>笔记本</li> <li>手机</li> <li>家电</li> </ul> <li>美容</li> <li>服装</li> </ul> <hr > 联想电脑 <br> 产品型号:联想IdeaPad Y450A-TFU(NBA纪念版) <br> 价格:4999元 <br> 所在地:北京 <hr> <h4>购物流程</h4> 1.确认购买信息 <br> 2.付款到贵美 <br> 3.确认收货 <br> 4.付款给商家 <br> 5.双方评价 <br> </body> </html>
第三个就是设置图片
<img src="电脑.jpg">
这样就能将同级目录下的图片显示,如果不是同级就一定要使用绝对路径
图片还有alt属性:alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
可以在图片显示不出来的时候显示你想输出的字
<img src="ljp.gif" alt="ljp is handsome boy">
还有设置图片的基本属性
<img src="ljp.jpg" alt="ljp big handsome boy" width="304" height="228">
主要就是利用width和height