入门三部曲

最新推荐文章于 2024-04-25 17:53:36 发布

寒凡.

最新推荐文章于 2024-04-25 17:53:36 发布

阅读量386

点赞数

分类专栏： HTML 文章标签：前端

本文链接：https://blog.csdn.net/weixin_52184815/article/details/125388786

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

文本格式化标签：段落标签
粗体标签
em标签
i标签
small标签
strong标签
我是一个下标字
我是一个上标字
< ins>ins标签< /ins>
< del>del标签< /del>

特殊字符: & nbsp; 空格
& lt; 小于
& gt; 大于

字体标签: 文本 注: font标签在html5 已经没有用了;工作尽量不使用
color=“颜色” --> 修改字体的颜色
face=“字体” --> 修改字体样式
注：<>里面空格只是为了在页面使用，使用代码时删除空格
练习1古诗代码：

凤求凰李白

凤求凰

李白

凤兮凤兮归故乡，遨游四海求其凰。

时未遇兮无所将，何悟今兮升斯堂！

有艳淑女在闺房，室迩人遐毒我肠。

何缘交颈为鸳鸯，胡颉颃兮共翱翔！

凰兮凰兮从我栖，得托孳尾永为妃。

交情通意心和谐，中夜相从知者谁？

双翼俱起翻高飞，无感我思使余悲。

<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <style>
	  body{
	    background:url(./img/timg.jpg)
	  }
	</style>
    <title>凤求凰 李白</title>
  </head>
  <body>
    <h2 align="center">
	  <font color="gray" face="cursive">凤求凰</font>
	</h2>
	<p align="center">
	  <font color="gray" face="cursive">
	    <small>&nbsp;&nbsp;&nbsp;&nbsp;李白</small>
	  </font>
	</p>
	<p align="center">
	  <font color="red" face="cursive">凤兮凤兮归故乡，遨游四海求其凰。
	  </font>
	</p>
	<p align="center">
	  <font color="black" face="cursive">时未遇兮无所将，何悟今兮升斯堂！
	  </font>
	</p>
	<p align="center">
	  <font color="yellow" face="cursive">有艳淑女在闺房，室迩人遐毒我肠。
	  </font>
	</p>
	<p align="center">
	  <font color="green" face="cursive">何缘交颈为鸳鸯，胡颉颃兮共翱翔！
	  </font>
	</p>
	<p align="center">
	  <font color="blue" face="cursive">凰兮凰兮从我栖，得托孳尾永为妃。
	  </font>
	</p>
	<p align="center">
	  <font color="cyan" face="cursive">交情通意心和谐，中夜相从知者谁？
	  </font>
	</p>
	<p align="center">
	  <font color="gold" face="cursive">双翼俱起翻高飞，无感我思使余悲。
	  </font>
	</p>
  </body>
</html>

练习2新闻代码：

新闻

女子买4件茅台酒全是假的店家赔偿44200元

原标题：烟酒行里买茅台，4件都是假的

王女士购买的假茅台

家住贵阳白云区的王女士，这两天有点郁闷，因为她在一家烟酒行购买了4件茅台酒，结果4件酒都有问题，面对权威部门的鉴定结果，王女士只好向工商、消协等部门进行了反映。目前，相关部门正在调查中

4件茅台花了40800元

15日下午，在白云区建设南路一家名为“萬鑫烟酒行”店铺里，记者见到了王女士及其朋友。4件茅台酒很显眼的摆在店铺地板上，其中，有几瓶茅台酒的瓶盖及瓶身位置，均被写上一个“假”字。

到底咋回事?王女士指着地上的4件茅台酒就来气。她说，10月11日和12日，她分别在这家店铺里购买了4件茅台酒(53度)，共花了40800元。

经鉴定全部是假酒

王女士接着说，次日，她拿着刚买的这些茅台酒给朋友们喝，结果才打开一瓶，大家一喝就觉得口感不对，于是，大家怀疑她购买的茅台酒涉嫌假酒。

听了朋友们这一说，王女士心里有点懵了。于是，第二天，她拿着购买的4件茅台酒前往白云区一家茅台酒直营店进行真假鉴别，结果打假员告诉她，经过鉴定，她购买的4件茅台酒均属于假冒注册商标的产品，也就是说，她购买的茅台酒是假酒。

在王女士出示的贵州茅台酒股份有限公司产品辨认(鉴定)表上，记者看到，辨认(鉴定)结论写着：通过外观辨认(鉴定)，送辨样品与我公司出厂产品外包装特征不符，非我公司生产，属假冒注册商标的产品。

除此之外，王女士还出示了一份贵阳市白云区市场监督管理局实施行政强制措施决定书，虽然内容没有写清楚，但是在查封、扣押项目上，在扣押二字打上了勾。“是我报的工商，他们刚走。”王女士说，她向工商部门反映后，白云区市场监督管理局工作人员也来到了店里进行调查取证。

店家最终赔付44200元

“目前，我提出进行两倍的赔偿。”王女士说。不过，除了赔偿外，她也希望相关部门对该店进行相应的处罚，以避免更多的市民购买到涉嫌有问题的白酒。

对于王女士反映的问题，该店铺一负责人张女士表示，这些酒都是她老公的朋友送过来的，她也不知道这些酒涉嫌有问题，目前，关于赔偿事宜，她们正在和王女士进行协商。

当晚，王女士致电记者，目前，店家已经向她支付了44200元作为赔付。

《神雕侠侣》第13次翻拍，能不能放过小龙女？

中山一男子骑电动车在闹市突然伸脚惊吓公交车被抓

<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>新闻</title>
  </head>
  <body>
    <h1 align="center">女子买4件茅台酒全是假的 店家赔偿44200元</h1>
	<h4 align="center">原标题：烟酒行里买茅台，4件都是假的</h4>
	<p align="center">
	  <img src="http://mms0.baidu.com/it/u=1380599413,2136971480&fm=253&app=138&f=JPEG&fmt=auto&q=75?w=400&h=300">
	</p>
    <p align="center">王女士购买的假茅台</p>
	<p>家住贵阳白云区的王女士，这两天有点郁闷，因为她在一家烟酒行购买了4件茅台酒，结果4件酒都有问题，面对权威部门的鉴定结果，王女士只好向工商、消协等部门进行了反映。目前，相关部门正在调查中
	</p>
	<h3>4件茅台花了40800元</h3>
	<p>15日下午，在白云区建设南路一家名为“萬鑫烟酒行”店铺里，记者见到了王女士及其朋友。4件茅台酒很显眼的摆在店铺地板上，其中，有几瓶茅台酒的瓶盖及瓶身位置，均被写上一个“假”字。
	</p>
	<p>到底咋回事?王女士指着地上的4件茅台酒就来气。她说，10月11日和12日，她分别在这家店铺里购买了4件茅台酒(53度)，共花了40800元。
	</p>
	<h3>经鉴定全部是假酒</h3>
	<p>王女士接着说，次日，她拿着刚买的这些茅台酒给朋友们喝，结果才打开一瓶，大家一喝就觉得口感不对，于是，大家怀疑她购买的茅台酒涉嫌假酒。
	</p>
	<p>听了朋友们这一说，王女士心里有点懵了。于是，第二天，她拿着购买的4件茅台酒前往白云区一家茅台酒直营店进行真假鉴别，结果打假员告诉她，经过鉴定，她购买的4件茅台酒均属于假冒注册商标的产品，也就是说，她购买的茅台酒是假酒。
	</p>
	<p>在王女士出示的贵州茅台酒股份有限公司产品辨认(鉴定)表上，记者看到，辨认(鉴定)结论写着：通过外观辨认(鉴定)，送辨样品与我公司出厂产品外包装特征不符，非我公司生产，属假冒注册商标的产品。
	</p>
	<p>除此之外，王女士还出示了一份贵阳市白云区市场监督管理局实施行政强制措施决定书，虽然内容没有写清楚，但是在查封、扣押项目上，在扣押二字打上了勾。“是我报的工商，他们刚走。”王女士说，她向工商部门反映后，白云区市场监督管理局工作人员也来到了店里进行调查取证。
	</p>
	<h3>店家最终赔付44200元</h3>
	<p>“目前，我提出进行两倍的赔偿。”王女士说。不过，除了赔偿外，她也希望相关部门对该店进行相应的处罚，以避免更多的市民购买到涉嫌有问题的白酒。
	</p>
	<p>对于王女士反映的问题，该店铺一负责人张女士表示，这些酒都是她老公的朋友送过来的，她也不知道这些酒涉嫌有问题，目前，关于赔偿事宜，她们正在和王女士进行协商。
	</p>
	<p>当晚，王女士致电记者，目前，店家已经向她支付了44200元作为赔付。
	</p>
	<h3>
	  <a href="http://mms0.baidu.com/it/u=2265099380,3313393771&fm=253&app=120&f=JPEG&fmt=auto&q=75?w=973&h=500">《神雕侠侣》第13次翻拍，能不能放过小龙女？</a>
	</h3>
	<p>
	  <img src="http://mms0.baidu.com/it/u=2265099380,3313393771&fm=253&app=120&f=JPEG&fmt=auto&q=75?w=973&h=500">
	  <img src="http://mms2.baidu.com/it/u=973630879,166257982&fm=253&app=138&f=JPEG&fmt=auto&q=75?w=420&h=264">
	  <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201601%2F01%2F20160101221947_hxeJj.thumb.400_0.gif&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1658378659&t=194dd01ef116fc6701bfd1c50ecefc38">
	  <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201804%2F28%2F20180428151627_rxbvw.thumb.1000_0.gif&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1658378659&t=c41dcdd6acf2013d3a20a2647e5d66b1">
	</p>
	<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2Fcdfd286f65eb95d70176868a903a6ba477d330c72d3f82-IBAG8q_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1658378659&t=f82da4ec7d577d6f77a055078a4a4fe5">
	<h3>
	  <a href="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2Fcdfd286f65eb95d70176868a903a6ba477d330c72d3f82-IBAG8q_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1658378659&t=f82da4ec7d577d6f77a055078a4a4fe5">中山一男子骑电动车在闹市突然伸脚惊吓公交车被抓</a>
	</h3>
  </body>
</html>

练习3搜索代码：

<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title></title>
  </head>
  <body>
    <p align="center">
      <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="230">
	</p>
	<table align="center" width="400">
	  <tr align="center">
	    <td><a href="#">新 闻</a></td>
	    <td><p>网 页</p></td>
	    <td><a href="#">贴 吧</a></td>
	    <td><a href="#">知 道</a></td>
	    <td><a href="#">音 乐</a></td>
	    <td><a href="#">图 片</a></td>
	    <td><a href="#">视 频</a></td>
	    <td><a href="#">地 图</a></td>
	  </tr>
	</table>
	<p align="center">
	  <input style="width:450px;height:35px;"></input>
	  <button  style="width:80px;height:30px;background-color:#d4d0c8;border: none">百度一下</button>
	</p>
	<br>
	<br>
    <table align="center"  width="230">
	  <tr align="center">
	    <td><a href="#">百科</a></td>
	    <td><a href="#">文库</a></td>
	    <td><a href="#">hao123</a></td>
	    <td>|</td>
	    <td rowspan="2"><a href="#">更多>></a></td>
	  </tr>
	</table>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
    <table align="center">
	  <tr align="center">
	  <td>
	    <small>
		  <a href="#">把百度设为主页</a>
		</small>
      </td>
	  <td>
	    <small>
		  <a href="#">安装百度浏览器</a>
		</small>
      </td>
	  </tr>
	</table>
    <table align="center" width="350">
	  <tr align="center">
	  <td>
	    <small>
		  <a href="#">加入百度推广</a>
		</small>
	  </td>
	  <td>|</td>
	  <td>
	    <small>
		  <a href="#">搜索风云榜</a>
		</small>
      </td>
	  <td>|</td>
	  <td>
	    <small>
		  <a href="#">关于百度</a>
		</small>
	  </td>
	  <td>|</td>
	  <td>
	    <small>
		  <a href="#">About Baidu</a>
		</small>
	  </td>
	  </tr>
	</table>
	<p align="center">
	  <small>©2013 Baidu 使用百度前必读 京ICP证030173号</small>
	</p>
  </body>
</html>

效果图：在这里插入图片描述

寒凡.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
入门三部曲

文本格式化标签：段落标签粗体标签em标签i标签small标签strong标签我是一个下标字我是一个上标字< ins>ins标签< /ins>< del>del标签< /del>特殊字符: & nbsp; 空格& lt; 小于 & gt;
复制链接

扫一扫