Html-01

最新推荐文章于 2023-08-07 19:06:04 发布

Void_CM

最新推荐文章于 2023-08-07 19:06:04 发布

阅读量171

点赞数

分类专栏： Html+CSS+js 文章标签： html5

本文链接：https://blog.csdn.net/baidu_41656912/article/details/107155551

版权

Html+CSS+js 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

Html-01

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>第一个网页</title>
	</head>
	<body bgcolor="lightblue">
		<a href="http://www.taobao.com">淘宝</a>
		
		<!--hr表示分割线-->
		<hr color="red" size="1" />
		<hr color="orange" size="2" />
		<hr color="yellow" size="3" />
		<hr color="green" size="4" />
		<hr color="lightseagreen" size="5" />
		<hr color="blue" size="6" />
		<hr color="purple" size="7" />
		
		<!--font 中可以指定字体的样式-->
		<font color="red" size="5" face="微软雅黑">君心城切切，妾意情楚楚。</font>
		<br />
		<font color="pink" size="5" face="微软雅黑">盟定三生约，共谱月下曲。</font>
		<br />
		<font color="lightcoral" size="5" face="微软雅黑">岂料鸳鸯棒，分飞相思苦。</font>
		<br />
		<font color="lightsalmon" size="5" face="微软雅黑">纵有抱柱信，不能容世俗。</font>
		<br />
		<font color="lemonchiffon" size="5" face="微软雅黑">君子世无双，陌上人如玉。</font>
		<br />
		
		<!--img可以放置图片-->
		<img width="324px" height="216px" src="img/zyl.jpg" alt="" />
		<br />
		
		<!--audio可以放置音频 controls可以显示进度条-->
		<audio src="img/video.mp3" controls></audio>
		<br />
	
		<!--vedio可以放置视频-->
		<video width="300px" height="400px" controls>
			<source src="img/video.mp4"/>
		</video>
		
		<br />	
		
		<!--ol：有序列表 里面的type可指定类型-->
		<ol type="A">
			<li>北京大学</li>
			<li>清华大学</li>
			<li>**大学</li>
		</ol>
		<!--ul：无序列表-->
		<ul type="square">
			<li>我是第一</li>
			<li>我是第二</li>
			<li>我是第四</li>
		</ul>
		
		<br />
	</body>
</html>

在这里插入图片描述