SublimeText 3汉化版安装教程和创建第一个HTML网页

简介: SublimeText 3汉化版安装教程和创建第一个HTML网页

一、安装教程


安装包有需要的小伙伴可以私信我找我要。

下载好SublimeText 3后,打开安装包,根据不同系统选择不同的版本,下面第二个是汉化版的。

1667053172187.jpg

双击后,找到运行文件subl.exe打开:

1667053182891.jpg

关闭日志,然后就可以开始编写html了。

1667053193261.jpg

1667053202474.jpg


二、创建第一个HTML文档


如何创建一个简单的HTML文档,以下是步骤

1、首先创建一个站点文件夹,网页的内容保存在这个文件夹里面。

1667053215216.jpg

2、点击左上角文件——新建文件,然后保存一下至本地路径,就刚刚创建的Web文件夹里。

1667053225216.jpg

设置文件名为hello world.html:

1667053233829.jpg

3、使用sublime插件生成html5结构或者手动输入以下内容,这里的<meta charset="utf-8">是设置网页文件展示时使用的字符集,删去会导致乱码:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
</body>
</html>


4、设置网页的标题,在 <title></title>标签之间输入标题的内容。

<title>这是我的第一个html网页!</title>


5、输入内容,设置标题标签和段落标签,如下:

<!DOCTYPE html>
<html>
<head>
    <title>这是我的第一个html网页!</title>
    <meta charset="utf-8">
</head>
<body>
  <p>HELLO WORLD!</p>
</body>
</html>


6、完成后找到该文件,右键打开方式选择任意一个浏览器进行解析:

1667053300501.jpg

7、这就是一个简单的HTML网页。

1667053309545.jpg

更多HTML、CSS、JavaScript知识请关注本系列文章,将持续更新…


相关文章
|
2月前
|
移动开发 前端开发 JavaScript
编程笔记 html5&css&js 005 网页上都有哪内容、形式和操作
编程笔记 html5&css&js 005 网页上都有哪内容、形式和操作
|
4月前
|
移动开发 前端开发 数据安全/隐私保护
HTML的基本语法以及如何使用HTML来创建网页
HTML的基本语法以及如何使用HTML来创建网页
81 0
|
4月前
|
存储 缓存 前端开发
探索HTML的黑科技:让你的网页变得无与伦比!(二)
探索HTML的黑科技:让你的网页变得无与伦比!
|
4月前
|
前端开发 JavaScript
百度搜索:蓝易云【用JavaScript和HTML实现一个精美的计算器网页】
该计算器网页使用HTML定义了页面结构,CSS样式使其具有精美的外观,而JavaScript脚本实现了计算器的逻辑。用户可以通过按钮输入数字和操作符,并通过“=”按钮来进行计算,计算结果会显示在文本框中。
42 6
|
4月前
|
XML 移动开发 前端开发
HTML5简介(什么是网页、什么是 HTML、Web标准)
网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。
38 0
|
11天前
|
数据采集 XML 数据挖掘
使用Python打造爬虫程序之HTML解析大揭秘:轻松提取网页数据
【4月更文挑战第19天】本文介绍了HTML解析在爬虫技术中的重要性,并通过Python的BeautifulSoup库展示了如何解析和提取数据。文章涵盖了HTML文档结构、使用BeautifulSoup的基本方法,如`find_all()`、选择器(标签、类、ID选择器)以及提取文本、属性和链接。此外,还讨论了遍历和处理嵌套元素的技巧。
|
2月前
|
搜索推荐 前端开发 JavaScript
打造个性化的个人网页:从HTML到个人品牌
打造个性化的个人网页:从HTML到个人品牌
22 0
|
2月前
|
移动开发 前端开发 JavaScript
15.HTML5视频播放器制作教程
15.HTML5视频播放器制作教程
39 0
|
2月前
|
JavaScript 前端开发
HTML网页自动刷新_kaic
HTML网页自动刷新_kaic
|
2月前
|
前端开发 JavaScript 开发者
编程笔记 html5&css&js 014 网页布局框架
编程笔记 html5&css&js 014 网页布局框架