html网页制作入门:怎么制作一个网页?

html网页制作入门 , 怎么制作一个网页呢?下面我们就来看一下详细的操作吧 。 东西/材料 电脑一台
代码编纂软件(Notepad++)
操作方式 01 想要做一个网页 , 起首要找到一个合适的代码编纂软件 , 我这边利用的是Notepad++ 。

html网页制作入门:怎么制作一个网页?

文章插图

02 打开软件之后 , 点击文件中的新建一个文件 , 当作功建立之后就起头编纂我们的网页内容了 。

html网页制作入门:怎么制作一个网页?

文章插图

03 接下来就起头编纂我们想要实现的内容 , 需要把代码编纂在<body>的标签中心 。 <h1>是题目标签 , <p>是段落标签 。

html网页制作入门:怎么制作一个网页?

文章插图

04 把我们方才编纂好的代码保留一下 , Ctrl+s , 或者点击软件上面的保留图标 。

html网页制作入门:怎么制作一个网页?

文章插图

05 保留的时辰 , 我们必然要选择保留类型 , 就是保留文件的后缀名 , 选择为html结从头至尾的 , 不选择的话 , 默认不是html网页 。

html网页制作入门:怎么制作一个网页?

文章插图

06 保留完之后 , 就会发现代码的样式就会有发生转变了 , 酿成了淡蓝色 , 便于我们来编写代码 。

html网页制作入门:怎么制作一个网页?

文章插图

07 若是你想要看代码的结果 , 找到方才保留软件的位置 , 双击打开预览结果 。

html网页制作入门:怎么制作一个网页?

文章插图

08 成果如下图所示 。

html网页制作入门:怎么制作一个网页?

文章插图

09 【html网页制作入门:怎么制作一个网页?】若是写网页的话 , 包含的内容就是比力多了 , 可以多添加一下代码 。

html网页制作入门:怎么制作一个网页?

文章插图

html网页制作入门:怎么制作一个网页?

文章插图



以上内容就是html网页制作入门:怎么制作一个网页?的内容啦 , 希望对你有所帮助哦!

    推荐阅读