如何制作简单的html静态网页

今天e6zzseo来讲如何制作简单的html静态网页,多的不说直接开始干货!

准备工具:

1、windows系统电脑

2、sublimetext代码编辑器

3、谷歌chrome浏览器

4、jpg图片一张

步骤1:在d盘新建www目录

打开百度APP看高清图片

步骤2:在www目录新建一个index.html文件

步骤3:用sublime_text编辑器打开index.html

步骤4:设置sublimetext编辑器代码模式为html(view》styntax》html)

步骤5:编辑区域输入“html”,然后按tab键,生成最基础的html结构

步骤6:更改标题“<title></title>”为“<title>怎么制作简单的html静态网页</title>”

步骤7:下载chuntian.jpg到www目录下。并在“<body>”后面添加如下内容

<div class="chuntian"><h1>春天的图片</h1><img src="chuntian.jpg" width="50%" height="50%"><span style="float:left">春季,是四季中的第一个季节,指立春至立夏期间,含节气有立春、雨水、惊蛰、春分、清明、谷雨。春,代表着温暖、生长。春季,阴阳之气开始转变,万物随阳气上升而萌牙生长。从节气意义上讲,我国春季的开始是在立春(2月2日至5日之间),春季的结束在立夏(5月5日至7日之间)。在欧美,春季从中国的春分开始,到夏至结束。在爱尔兰,2月~4月被定为春季。我国现在划分四季常采用近代学者张宝堃的“候平均气温”法,以5天平均气温为标准,把冬季以后五天平均气温稳定通过10℃时开始进入春季,当温度高于22℃时意味着春季的结束夏季的开始。</span></div>

步骤8:在“</head>”前添加以下css样式内容

<style type="text/css">

.chuntian{

text-align: center;

}

</style>

步骤9:ctrl+s保存index.html文件。并在谷歌浏览器中打开,效果如下

简单静态网页制作教程完毕。谢谢

原文链接:如何制作简单的html静态网页

  • 3
    点赞
  • 57
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

e6zzseo

大爷,有钱捧个钱场没钱捧个人场

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值