主要是记录自己从基础开始扎实学习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
原文地址：https://www.cnblogs.com/ljpljm/p/12445957.html
时间： 2024-10-09 07:10:49