h5
/
photo.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/public.css" />
		<link rel="stylesheet" href="./css/photo（flex）.css">
		<link rel="stylesheet" href="./css/animate.css">

	</head>
	<body>
		<article class="main_art">
			<header>
				<h1><span class="a1"><i class="iconfont">&#xe74e;</i></span><span class="a2">唐茂的个人博客网站</span></h1>
			</header>
			<nav class="nav1">
				<ul>
					<li><a href="index.html">首页</a></li>
				</ul>
			</nav>
			<section class="sec1">
				<header>
					<h1>旅游相册(flex)</h1>
				</header>
				<main>
					<ul class="ul1">
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
					</ul>
					<aside>
						<h1><i class="iconfont">&#xe6f2;</i>学习网站</h1>
						<ul class="ul2">
							<li><a href="www.baidu.com">H5作业</a>
								<p></p>
							</li>
							<li><a href="www.xinlang.com">新浪网</a></li>
							<li><a href="www.souhu.com">搜狐网</a></li>
							<li><a href="www.souhu.com">知网</a></li>
							<li><a href="#">知乎</a></li>
						</ul>
					</aside>

				</main>
			</section>

			<footer>@Copyright : Made By Tangmao</footer>
		</article>
		<script type="text/javascript">
			var nav1 = document.querySelectorAll(".nav1>ul>li");
			for (let i = 0; i < nav1.length; i++) {
				nav1[i].className = "animated bounceInLeft";
			}
		</script>
	</body>
</html>