zoukankan      html  css  js  c++  java
  • 第三周----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

  • 相关阅读:
    [luogu] P1440 求m区间内的最小值
    [NOI2014]起床困难综合症
    [SDOI2009]地图复原
    [USACO08JAN] Cow Contest
    【洛谷P5049】旅行(数据加强版)
    【NOIP2015】真题回顾
    【NOIP2014】真题回顾
    【UVA11987】Almost Union-Find
    【UVA11988】破损的键盘
    【UVA11134】传说中的车
  • 原文地址:https://www.cnblogs.com/ljpljm/p/12445957.html
Copyright © 2011-2022 走看看