如何制作简单的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静态网页

如何制作简单的html静态网页相关推荐

使用HTML和css制作简单的公司介绍网页
使用HTML和css制作简单的公司介绍网页创作不易,可否给作者点个赞再走 HTML部分: /** * author 阿木木 * date 09/23 14:32 * / <html>&l ...
# 前端初学html+css+js+bootstrap4+jquery部分后的简单响应式静态网页编写（漫威主题个人博客）
关于学习自上次写博客已过了1个月左右时间.当时刚看完html继续学习css中. 而现在也接触到了jquery的一些东西(虽然大佬们都说jquery已过时,不过拿来入手应该不错).于是这一个月在学这些 ...
Python简单数据处理（静态网页爬取，jupter实现）
对于哔哩哔哩动漫排行榜网页信息的爬取及处理(静态网页) 1.数据来源: 哔哩哔哩排行榜 2.数据描述: 利用python的第三方库requests对网页进行爬取利用re库提供的正则表达式对网页数据进 ...
网页制作使用CSS样式制作轮播教程,静态网页设计与开发 1.案例——CSS3制作图片轮播图（4）使用纯CSS3代码实现简单的图片轮播——分步骤实现.docx...
使用纯CSS3代码实现简单的图片轮播设计思路: 以5张图片为例: 1.基本布局: 通过设置每张图片的尺寸和父容器的尺寸,从而将5张图片横向并排放入一个div容器(#photos)内.所有图片设置统一 ...
制作无后端的静态网页
安全月网页制作项目搭建填写配置文件 html页首页(图片映射.百度统计接口) 图片映射百度统计接口接口文档及ajax前端调用其他页(图片居中显示.Emmet语法) 插件使用(在线浏览PDF ...
HTML+CSS+JS购物网站制作【学生HTML静态网页作业作品】
运用css制作简单的体育新闻网页
源代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf- ...
Java Web学习(2)：静态网页与动态网页
一静态网页 (1)静态网页概述在网站设计中,纯粹HTML(标准通用标记语言下的一个应用)格式的网页通常被称为"静态网页",静态网页是标准的HTML文件,它的文件扩展名是.htm ...
静态网页抓取_学习笔记
目录 1 获取响应内容 2 定制Requests 2.1 传递URL参数 2.2 定制请求头 2.3 发送POST请求 2.4 超时 3 Requests爬虫实践:TOP250电影数据 3.1 网站分 ...
div+css静态网页设计电商购物网站设计(55页) 电商网页设计制作简单静态HTML网页作品购物网页作业成品学生商城网站模板
HTML5期末大作业:电商购物网站设计--电商购物网站设计(55页) 电商网页设计制作简单静态HTML网页作品购物网页作业成品学生商城网站模板文章目录 HTML5期末大作业:电商购物网站设计- ...

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

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

步骤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>”后面添加如下内容

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

如何制作简单的html静态网页相关推荐

最新文章

热门文章