当前位置: 首页 > 互联网营销师 > 互联网营销师常用工具 > 互联网营销师网页制作 > 网页怎么制作

网页怎么制作

发布时间:2020年06月13日 07:15:04 来源: 点击量:1507

【摘要】最近小编收到很多问题,其中一个就是下面小编为大家整理一下关于网页怎么制作的步骤,希望这些方法能够帮助到大家。首先,请先确认你的系统

最近小编收到很多问题,其中一个就是下面小编为大家整理一下关于网页怎么制作的步骤,希望这些方法能够帮助到大家。

首先,请先确认你的系统中文件扩展名已经打开。方法是:打开我的电脑,点击文件夹选项,打开文件夹选项对话框,确保“隐藏已知文件的扩展名”前面的小勾已经去掉,如果没有去掉,请把小勾去掉。

然后,创建你的第一个网页文件。为了便于管理,请先创建一个文件夹,用来存放你的网页文件和图片等资料。在你创建的文件夹中右击,选择新建,文本文件。

然后,对这个文件重命名为index,把小点后面的txt改为html。这样一个网页文件就准备好了。

html是网页文件的扩展名。扩展名用来区分文件的类型,扩展名也用来告诉用哪个软件打开。比如html就会告诉浏览器这是一个网页,需要用网页的方式来解析并显示。

然后,用notepad++打开这个index.html文件,在编写之前,我们有必要先来了解一下一个网页最基本的结构:网页有头部和主体两大部分组成。头部和主体都包含在一对<html>标签之内。因为网页是html语言编写的,html语言是一门标记语言,就是用一对对的标签来标记网页中的内容,从而对内容进行组织和管理。

然后, 标签就是网页中内容的容器。

每个网页都有头部和主体。

如下图所示,整体的最外层标签是<html>和</html>,头部是<head>和</head>标签。在<head>标签中,又可以写<title>(标题)等标签。而<head>标签内的内容一般是不会显示在浏览器窗口中的。显示在浏览器窗口给我们看的内容,都在<body></body>标签里。

然后,了解了网页的基本结构,我们就开始来写一段完整的网页代码 :

<html>

<head>

<title>这是网页的标题</title>

</head>

<body>

<h1>这是一个一级标题</h1>

<p>这是一个段落</p>

</body>

</html>

在notepad++中编辑的情景

最后,保存之后我们在浏览器中预览,效果如下图。上面我们说过,<head>标签里的内容不会显示在浏览器中,但是我们在<head>中写了一句:<title>这是网页的标题</title>,如果你细心就会发现,在浏览器的标签选项卡上显示了“这是网页的标题”这几个字。

原来网页标题就是显示在浏览器标题栏上的内容。网页的标题不等于内容的标题,于是我们写的<h1>这是一个一级标题</h1>,它被显示在浏览器窗口中。

分享到: 编辑:cocomi

就业培训申请领取
您的姓名
您的电话
意向课程
点击领取

环球青藤

官方QQ

扫描上方二维码或点击一键加群,免费领取大礼包,加群暗号:青藤。 一键加群

绑定手机号

应《中华人民共和国网络安全法》加强实名认证机制要求,同时为更加全面的体验产品服务,烦请您绑定手机号.

预约成功

本直播为付费学员的直播课节

请您购买课程后再预约

环球青藤移动课堂APP 直播、听课。职达未来!

安卓版

下载

iPhone版

下载
环球青藤官方微信服务平台

刷题看课 APP下载

免费直播 一键购课

代报名等人工服务

课程咨询 学员服务 公众号

扫描关注微信公众号

APP

扫描下载APP

返回顶部