百度360必应搜狗淘宝本站头条
网站建设网页制作教程百度搜索推广苏州网站建设外贸网站建设
当前位置：网站首页 > SEO教程 > 正文

前端学习第二天——制作我们的第一个网页

gaoyangw 2025-05-23 16:55 2 浏览 0 评论

今天我们来制作我们的第一个网页，我们先在桌面新建一个记事本文档：

新建之后重命名，将拓展名更改为html（就是点后面的txt改成html）然后拖到sublime图标上打开或者右键——打开方式——选择sublime。

法①打开之后可以在界面中写<html>一般编辑器都会有提示，直接按回车生成完整的html标签就行，法②如果安装了emmet插件的话直接在编辑器中输入 ! 然后编辑器会有提示，再按tab键即可生成完整的html标签（注：两种方式下生成的html标签不完全一样，此为html版本不同导致，现阶段不用在意）。

我这个是用第二种方法生成的，html语言的特点之一是标签化，就像图中的代码都是带有< >的一般开头和结尾的标签不完全一样，例如html的投标签为<html>而结束标签为</html>（有的标签是成对出现的，而有的标签不是，之后遇到会讲）。（HTML代码中所有的标点符号和字母全是英文半角状态下否则会报错）。

我们的所有html代码都要写在<html></html>他俩中间。

图中的head标签为对网页的设置（代码内容不会显示在网页中），

<meta charset="UTF-8">表示字符编码的方式，计算机是不识别汉语的，为了防止出现乱码的情况，所以要将编码的方式改为utf-8。

<meta name="viewport" content="width=device-width, initial-scale=1.0">这行代码主要是为了解决兼容性问题，写项目的时候会用到，（如果是用第一种方法生成的html标签则不会有这行代码）。

<title>Document</title>这行代码是我们网页的题目2，document可以改成我们想要的网页题目。

我们所有在网页中展示的部分都要写在body标签中。

下面我们来写我们的第一行代码。

<h1>作者最帅</h1>

<h2>作者最帅</h2>

<h6>作者最帅</h6>

<strong>作者最帅</strong>

<em>作者最帅</em>

h1是标题标签，一共有六个h标签，分别为h1,h2,h3,,,,,h6,字体由大到小。

strong标签是加粗用的，可以对字体进行加粗。

em标签的作用是将字体设置为斜体。

标签是可以嵌套的，例如：

我们可以右击，然后点 open in Browser在浏览器中打开，作者建议用谷歌浏览器，并且设为默认浏览器。


打开之后浏览器会显示如下界面：

好啦，今天就学到这里，有什么问题可以在评论区留言或者私聊我呦。

相关推荐

淘宝商品标题关键词优化策略:提升曝光率、搜索排名与用户体验

淘宝商品标题关键词的重要性。·一、提高商品曝光率。淘宝搜索系统会根据商品标题中的关键词进行匹配，标题中包含的关键词越精准商品曝光率越高。因此合理布局关键词是提高商品曝光率的关键。·二、优化搜索排名。淘...

小旋风XXFSEO下载站群日收泛目录

此二开站群只适合做百度搜索引擎，其他引擎全部关闭。适用所有行业关键字，全站泛解析泛目录玩法。1：此为官方版本二开，并非更新核心文件，主要是细节配置以及手法细节2：自定义标题，关键字，描述非关键字垃圾...

做seo网站优化关键词排名装B要有资本!

雪无痕seo从来没见过那个真正的seo工程师到处宣扬自己水平有多厉害，其实seo是一门综合性的东西，也许会有不少小伙伴说，我是学新媒体网络营销的，我们主要学的就是网络炒作，在说出这句话的同时，请掂量一...

兄弟连教育网络营销培训

互联网的发展大家有目共睹，不管是大企业的转型，还是创业者的初期，想要成为行业的独角兽，就必定离不开网络营销，成功的案例也比比皆是，例如老企业杜蕾斯-卫龙-和淘宝新锐三只松鼠等等，大家也可以去网上搜搜他...

跳出率高?不会拓展关键词?网站不被收录?我都告诉你咯~

付费推广最怕遇到的就是”浏览下页面就离开“，甚至是“点开就走了”的客户。网站上经常有这种访客是什么原因呢？又有什么办法解决呢，今天给大家带来的《牛商热线》问答集锦，主要解决的就是网站“跳出率”的问题，...

蜘蛛池是什么?3分钟带你掌握快速收录的核心技巧!

一、什么是蜘蛛池？蜘蛛池（SpiderPool）是SEO领域的一种技术手段，通过搭建大量高权重网站或目录，吸引搜索引擎蜘蛛（如百度Spider）频繁抓取，再将目标链接注入池中，利用蜘蛛的扩散效应加速...

做白帽SEO的你，真的能防住黑帽攻击吗?

很多人做SEO，只盯着“怎么优化能上首页”，但其实还有一个很现实、却常被忽略的问题：你的网站，会不会被黑帽SEO暗中搞掉？没错，在你辛辛苦苦写内容、养外链、堆权重的时候，有人可能正用黑帽手段，悄悄地拖...

医美行业线上如何引流获客——小红书赛道拆解

在医美行业，如何通过小红书精准引流，实现高效获客？本篇文章将深入拆解小红书赛道的流量逻辑，分析用户需求、内容策略及成功案例，帮助医美机构打造更具竞争力的营销方案，提升客户转化率。今天给大家带来的是医美...

会卖萌会卖幽默的销售，业绩一般不会太差!

顶级销冠爆单文案这样发~...

金盛达2025年活动营销策划服务竞争性磋商公告

金盛达2025年“6.18”活动营销策划服务竞争性磋商公告

饮料行业破局之战:一物一码如何破解营销困局、堵死窜货漏洞?

饮料行业破局之战：一物一码如何破解营销困局、堵死窜货漏洞？案例痛点：一场失败促销引发的行业地震2022年，某知名果汁品牌推出“开盖扫码赢黄金”活动，却因两大漏洞导致灾难性后果：...

餐饮品牌社群营销玩转私域流量方案(46页)

《餐饮品牌社群营销玩转私域流量方案（46页）》是餐饮从业者开启私域增长大门的“金钥匙”。它首先帮你透彻理解私域流量，明晰其与公域流量的差别，让你认识到社群在私域运营中的核心地位。方案会教你如何精...

私域流量的运营营销方案怎么做?

私域流量运营的核心在于长期价值挖掘和用户关系深化，通过精细化运营将用户转化为高粘性、高复购的忠实客户。以下是一套完整的私域流量运营营销方案，涵盖策略、执行和工具建议：一、私域流量运营的核心目标用户...

电商平台搭建指南:6大关键步骤助你精准定位

运营电商平台并不简单，涉及的知识点很多。不过请别担心，接下来我会从六个方面，逐一点评电商平台的搭建与制作过程。明确目标定位做电商业务的第一步，就是要确定经营目标。你想卖服装、电子产品，还是尝试做生鲜电...

Webflow - 美国网站建设平台

阅读此文前，诚邀您点击一下“关注”按钮，方便以后持续为您推送此类文章，同时也便于您进行讨论与分享，您的支持是我们坚持创作的动力~Webflow-美国网站建设平台Webflow：建站乌托邦还是代码的...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表