JavaEE知识篇(2-25)——HTML(商城首页页面的制作）

最新推荐文章于 2024-05-06 00:11:21 发布

渐醒的思考者

最新推荐文章于 2024-05-06 00:11:21 发布

阅读量968

点赞数 3

分类专栏： javaee demo

本文链接：https://blog.csdn.net/jiangyi_1612101_03/article/details/86658546

版权

web开发工具：

常见的WEB开发工具,入门可选择学习HBuilder工具，开发建议MyEclipse工具

MyEclipse工具

DW工具

HBuilder工具提取码：50z2

浏览器工具

Firefox浏览器提取码：a06a
如果提取失败，可自行到Firefox官网进行下载
Chrome浏览器

开发手册

W3School离线开发手册
提取码：16b7
JDK1.8API
提取码：m0ip

HTML入门：

下面所以的案例中的图片是自己制作的，你只要把图片的地址放在相应的位置就可以了。

案例一：网站信息显示页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网站信息显示页面</title>
	</head>
	<body>
		<!--1.创建一个标题标签-->
		<h2>公司简介</h2>
		<!--2.创建一条水平线标签-->
		<hr />
		<!--3.分别创建段落标签-->
		<p>段落1</p>
		<p>段落2</p>
		<p>段落3</p>
	</body>
</html>

案例二：网站图片信息显示页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网站图片信息显示页面</title>
	</head>
	<body>
		<img src="../img/logo2.png"  width="260px" height="45px" alt="logo图片"/>
		<img src="../img/header.png" width=" 300px" height="45px" alt="header图片"/>
	</body>
</html>

案例三:网站友情连接显示页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网站友情链接显示页面</title>
	</head>
	<body>
		<ul>
			<li><a href="../案例一：网站信息显示页面/网站信息显示页面.html">阿里巴巴</a></li>
			<li><a href="#">华为</a></li>
			<li><a href="#">腾讯</a></li>
			<li><a href="#">乐视</a></li>
		</ul>
	</body>
</html>

案例四：商城首页显示页面：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商城首页</title>
	</head>

	<body>
		<!--1.创建一个八行一列的表格-->
		<table border="1px" width="1300px" align="center" cellpadding="0px" cellspacing="0px">
			<!--2.logo部分-->
			<tr>
				<td>
					<!--嵌套一个一行三列的表格-->
					<table border="1px" width="100%">
						<tr height="50px">
							<td width="33.3%">
								<img src="../img/logo2.png" height="47px" />
							</td>
							<td width="33.3%">
								<img src="../img/header.png" height="47p

最低0.47元/天解锁文章

渐醒的思考者

关注

3
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
JavaEE知识篇(2-25)——HTML(商城首页页面的制作）

web开发工具：常见的WEB开发工具,入门可选择学习HBuilder工具，开发建议MyEclipse工具MyEclipse工具DW工具HBuilder工具提取码：50z2浏览器工具Firefox浏览器提取码：a06a如果提取失败，可自行到Firefox官网进行下载Chrome浏览器开发手册W3School离线开发手册提取码：16b7JDK1.8API提取...
复制链接

扫一扫