第三周----html基础学习

主要是记录自己从基础开始扎实学习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>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;产品型号:联想IdeaPad Y450A-TFU(NBA纪念版)
    <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价格:4999元
    <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;所在地:北京
    <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

posted @ 2020-03-08 23:43  林某大帅比  阅读(134)  评论(0编辑  收藏  举报