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

2021-04-09 08:29

阅读:458

标签:and   物流   设置图   电脑   head   显示   用户   标题   文本   

主要是记录自己从基础开始扎实学习html的过程,这周是第一周,下面是我实现的几个实例,主要还是比较基础的东西通过整理一遍的方式来巩固一下自己

首先就是超链接

a href="熨斗林佳鹏.html" target="_blank">灿坤蒸汽电熨斗a>

这样就可以通过点击这句话跳转到另外一个html,target属性则可以让这个被链接的东西在何处显示

然后是多层次显示,通过不同的标题实现

DOCTYPE html>
html>
head>
meta charset="utf-8">
title>林佳鹏-练习1title>
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

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

标签:and   物流   设置图   电脑   head   显示   用户   标题   文本   

原文地址:https://www.cnblogs.com/ljpljm/p/12445957.html


评论


亲,登录后才可以留言!