HTML:桂林山水风景Web界面设计

  行业动态     |      2024-01-31 01:03

题目

代码:

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>桂林山水风景图片title>
		<meta name="author" content="huyiwei">
		<meta name="generator" content="HBuilder X">meta>
		<style type="text/css">
			h3{
				color: red;
			}
			img{
				width: 200px;
				height: 200px;
			}
			li{
				/* display: inline; */
				float: left;
			}
			ul{
				list-style-type: none;
			}
		style>
	head>
	<body align = "center">
		<h3>桂林山水风景图片h3>
		<ul>
			<li>
				<a href="图片/image51.jpg">
					<img src="图片/image51.jpg"><br>桂林山水1
				a>
			li>
			<li>
				<a href="图片/image52.jpg">
					<img src="图片/image52.jpg"><br>桂林山水2
				a>
			li>
			<li>
				<a href="图片/image53.jpg">
					<img src="图片/image53.jpg"><br>桂林山水3
				a>
			li>
			<li>
				<a href="图片/image54.jpg">
					<img src="图片/image54.jpg"><br>桂林山水4
				a>
			li>
		ul>
	body>
html>

样式效果: