百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 热门文章 > 正文

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

bigegpt 2025-03-25 11:16 9 浏览

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

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

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

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

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

图中的head标签为对网页的设置(代码内容不会显示在网页中),

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

这行代码主要是为了解决兼容性问题,写项目的时候会用到,(如果是用第一种方法生成的html标签则不会有这行代码)。

Document这行代码是我们网页的题目2,document可以改成我们想要的网页题目。

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

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

作者最帅

作者最帅

作者最帅

作者最帅

作者最帅

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

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

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

标签是可以嵌套的,例如:

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


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

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

相关推荐

无畏契约手游测试资格获取方法,安卓IOS下载教程

《无畏契约:源能行动》是拳头游戏与腾讯光子工作室联合开发的《无畏契约》正版手游,延续了端游的5v5战术射击核心玩法,并针对移动端进行了操作优化。游戏以快节奏的爆破模式为核心,融合角色技能系统、经济策略...

微软正在测试重新设计的Office图标 但您现在可以提前下载重制版本

今年4月,有消息称微软正在征求用户对一组Office图标7年来首次重制版的看法(上一次重制是在2018年末)。现在,有人决定自己动手,制作了一套微软的高分辨率图标包与用户共享以获得反馈。Reddi...

AB Download Manager:一款可以替代IDM的开源桌面下载管理器

软件介绍IDM下载器大家应该多少都知道一点,如果不知道的话只能自行百度了,但是IDM本身是需要付费的,而今天推荐的这款软件,在下载方面是和IDM差不多的,大概有90%的相似度,感兴趣的朋友可以体验一下...

《夺宝奇兵》PS5光盘仅20G:其余需联网下载

来源:游民星空【《夺宝奇兵》PS5光盘仅20G:其余需联网下载】据游戏测试账号“DoesItPlay1”在推特发布动态表示,《夺宝奇兵:古老之圈》PS5实体光盘只存储了20GB的游戏数据,其余内容需要...

薇姐聊诗词7:诗词创作韵部查询及检测工具

薇姐聊诗词7:诗词创作韵部查询及检测工具。·1、诗词创作中所用韵脚哪里找?平水韵:106部,分平声30部、上声29部、去声30部、入声17部,反映中古汉语语音体系。新韵:(中华新韵)14部,以普通话为...

阿里云国际站:怎样模拟高并发测试场景?

本文由【云老大】TG@yunlaoda360撰写一、使用JMeter安装JMeter:从JMeter官网下载并安装JMeter。创建测试计划:打开JMeter,创建一个新的测试计划。添加线程组...

Android Studio 新增 AI 驱动的测试和更智能的崩溃诊断功能

随着GoogleI/O2025大会的落幕,值得注意的是,谷歌在AndroidStudio中引入了几项新功能,旨在改善Android应用程序的开发流程。最新版本集成了更先进的AI工...

如何在本地测试PHP源码的网站

通常,我们测试自建网站或从网上获取的PHP源码时,若直接上传到服务器,出错后再修改会很麻烦,因此一般会选择先在本地电脑上进行测试。1、先下载喜欢的源码,很多网站提供下载,如源码论坛等。这些源码是现成...

显卡性能测试工具3DMark06的应用教程

显卡作为计算机的重要组成部分,也是主要的输出设备。在计算机系统中,图形处理性能的瓶颈往往在于显卡。若要评估显卡性能,用户可以借助专业的检测工具3DMark,判断显卡是否能满足当前需求,或者是否需要...

Downie4 安装教程(轻松获取视频素材)

效果一、准备工作下载软件链接:http://www.macfxb.cn二、开始安装1、双击运行软件,将其从左侧拖入右侧文件夹中,等待安装完毕2、应用程序显示软件图标,表示安装成功三、运行测试1、打开软...

如何使用瑞星杀毒软件的网速测试功能

下面为大家介绍瑞星杀毒软件的网速测试功能。1、打开安全工具,找到网速测试,点击下载后开启。2、打开网速测试页面,点击开始测试按钮。3、测试结束后,你就能知晓自己的网速了。(9744667)...

阿里云国际站:如何测试服务器真实带宽?

本文由【云老大】TG@yunlaoda360撰写基于命令行工具测试iperf/iperf3:服务器端:在服务器上安装iperf后,运行iperf-s或iperf3-s启动服务端,...

CentOS Docker 安装

Docker支持以下的64位CentOS版本:CentOS9(stream)更高版本...必须启用centos-extras仓库,该仓库默认启用,如果您禁用了它,需要重新启用。使用官...

Fast YOLO:用于实时嵌入式目标检测(附论文下载)

关注并星标从此不迷路计算机视觉研究院公众号ID|ComputerVisionGzq计算机视觉研究院专栏作者:Edison_G目标检测被认为是计算机视觉领域中最具挑战性的问题之一,因为它涉及场景中对象分...

aigc检测报告与查重监测报告

哈喽学妹学弟们!最近是不是都在忙着写论文呢?记得当初我写论文的时候,也被AIGC检测报告和查重监测报告搞得晕头转向。不过经过我的一番摸索,终于搞清楚了它们之间的区别和联系。来来来,学姐今天就来给你们传...