前端学习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

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

 

原文地址:https://www.cnblogs.com/Doner/p/15216873.html