• 前端学习1百度页面基础标识符210901写完没保存。


    前端学习1百度页面基础标识符210901

    都忘了,不过常用的得记住把。都是去百度的。

    一些标识符

    br 换行
      空格
    img 是插入图片 路径用src表示
    <input type="text" value="">   输入表示
    <button type="button">***内容</button>   按钮表示
    <footer>

     

    组合

    <select>元素用于创建下拉列表。
    <ul>标签与<li>标签一起使用来创建无序列表。
    <dd>标签与<dl> (定义描述列表)和<dt>(定义术语/名称)结合使用。

    百度页面有的图标竟然是动图,然后引用的连接,挺好玩的。(也是一种是静态页面‘动起来’的方法,还很小资源)

    <!DOCTYPE html>
    <html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>百度一下,你就知道</title>

    </head>
    <body>
    <a href="#">新闻</a>
    <a href="#">hao123</a>
    <a href="#">地图</a>
    <a href="#">直播</a>
    <a href="#">视频</a>
    <a href="#">贴吧</a>
    <a href="#">学术</a>
    <a href="#">更多</a>

    <script>


    </script>
    <br>
    <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"></img>
    <br>

    <input type="text" value="">  <button type="button">百度一下</button>

    <br><br><br><br>
    <a href="#">1.是否会承认阿富汗新政府?中方回应热</a> &nbsp;&nbsp;&nbsp;&nbsp;

    <img src="https://pc-index-static.cdn.bcebos.com/pc-index-nav/00002/live_icon.png"></img>
    <a href="#" >4.2021年《开学第一课》新</a>
    <br>
    <a href="#">2.神十二航天员在太空讲开学第一课</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="#">5.新华社评郎平卸任:败亦英雄</a>
    <br>
    <a href="#">3.中方谈对中美气候特使会谈有何期待</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="#">6.厦门连送4小时外卖20分钟内不派单</a>



    <br><br><br><br>



    <footer>
    <!-- <p>Posted by: W3School</p>-->
    <!-- <p>Contact information: <a href="mailto:someone@example.com">someone@example.com</a>.</p>-->
      关于百度About Baidu使用百度前必读帮助中心京公网安备11000002000001号京ICP证030173号©2021 Baidu 互联网药品信息服务资格证书 (京)-经营性-2017-0020信息网络传播视听节目许可证 0110516

    </footer>

    </body>
    </html>

    最后生成简单页面如下,用了很少的css知识,以及百度链接的图片。

    image-20210901230432243

    明天会给他修改位置什么的。

     

  • 相关阅读:
    SSP状态寄存器SSPSTAT
    【PIC学习第18例】PIC16F877A 内部EEPROM读写实验
    批量去除flv专辑的片头
    .Net并行库介绍——Task(1)
    一个下载游戏封面的站点
    一个猜数字的小游戏
    RamDisk加速Windows 7?
    .Net并行库介绍——Task(2)
    数独的自动出题算法
    Live Messenger 2009登陆错误的解决方法
  • 原文地址:https://www.cnblogs.com/Doner/p/15216873.html
Copyright © 2020-2023  润新知