飘动文字+颜色设计+字体变化

最新推荐文章于 2024-09-16 23:05:35 发布

GZY_2021

最新推荐文章于 2024-09-16 23:05:35 发布

阅读量498

点赞数 1

文章标签： html css javascript 网页设计

本文链接：https://blog.csdn.net/GZY_2021/article/details/122200215

版权

file:///D:/JSP/GZY/ch002_html/html_002.html

<!DOCTYPE html>
<html lang="en">
	<head>
<link rel="stylesheet" href="images/ht001.css">
		<meta charset="utf-8">
		<title>阿曼达的日记</title>
		<link rel="shortcut icon" href="images/faviconblue.ico">

		<meta name="description" content="神仙李白的酒壶，个性标签，千金，将进酒...">
		<meta name="keywords" content="神仙李白的酒壶，个性标签，千金，将进酒...">
		<title>李太白的网真不戳</title>	
			<link rel="stylesheet" type="text/css" href="css/main.css">
			<style type="text/css">
			</style>
			<script src="/javascripts/application.js" type="text/javascript"></script>
	</head>
	<body bgcolor="	#FFFFF0">
	<div style="font-family: verdana">
				<h1 align="center"><b>Amanda's diary</b><br></h1>
	</div>
<hr />
	<div style="font-family:courier;font-style:  ;color:salmon;">
		<h5 align="center">Once upon a time, there was a girl named Amanda whose home was in Honolulu, Hawaii.</h5>
	</div>
<hr />
	<pre><h2 align="center">
	There is sunshine, sea and sand.
		</h2></pre>
	<div align="center">
	<svg xmlns="http://www.w3.org/2000/svg">
			<rect stroke="pink"fill="LightCyan"x=0 y=0
			width="200px"height="100px"stroke-width="10"/>
			</rect>
			</svg>
	</div>	
	</br>	
	<div  style="text-align:center; text-decoration:line-through blink; text-indent:30px; 
text-transform:capitalize;color:Blue; font:bold italic 14px 宋体; background-color:Yellow"> 
			She likes everything here!
	</div>
	<br>
	<br>
<hr />
	<div align="center"class="ht001">
			This is her treasure.
	</div>

		<h2 align="center">自我介绍</h2>
		<div align="center">
	&nbsp;&nbsp;&nbsp;&nbsp;这是<b>Amanda</b>的第一个网页，好看吗？<br>
	&nbsp;&nbsp;&nbsp;&nbsp;这是<b>Amanda</b>的第一个网页，好看吗？
</div>
	
	<p>
		<h3 align="center">登鹳雀楼</h3>
	</p>	
		<p align="center">
    					白日依山尽，
    					黄河入海流。
    					欲穷千里目，
    					更上一层楼。
		</p>
		<div style="width:100%; background:LavenderBlush; padding:20px;">
	 <marquee
    width=100%
    height=64px
    loop=-10
    direction=left>
    <font color="GreenYellow" size="50">
   &nbsp;&nbsp;&nbsp;&nbsp; &sect;&sect;
    随风飘扬~~
    &dagger; &dagger;
    &nbsp;&nbsp;&nbsp;&nbsp; 
    &sect;&sect;
    风飘扬~~
    &dagger; &dagger;
    &nbsp;&nbsp;&nbsp;&nbsp;
    &sect;&sect;
    飘扬~~
    &dagger; &dagger;
    &nbsp;&nbsp;&nbsp;&nbsp;
    &sect;&sect;
    ~~
    &dagger; &dagger;
    </font>
    </marquee>
    <p align="center">&#128151<br>
	</p>

<!--这是一个神奇的秘密-->
	<p>	<h5 align="center";style="font-family:courier">Ending</h5>
	</p>
	</div>
<!--神奇秘密在哪里-->

	</body>
</html>