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月前
|
存储 移动开发 前端开发
HTML基础知识:构建网页的基石
【10月更文挑战第11天】HTML基础知识:构建网页的基石
74 0
|
4月前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
59 0
|
3月前
|
JavaScript 前端开发 容器
用HTML DOM实现有条件地渲染网页元素(上)
用HTML DOM实现有条件地渲染网页元素(上)
|
3月前
|
存储 JavaScript 前端开发
用HTML DOM实现有条件地渲染网页元素(下)
用HTML DOM实现有条件地渲染网页元素(下)
|
5月前
|
数据挖掘 Shell 测试技术
怎么用Python解析HTML轻松搞定网页数据
**Python解析HTML摘要** 本文介绍了使用Python处理HTML的常见需求,如数据提取、网络爬虫和分析,并讨论了三种解析方法。正则表达式适用于简单匹配,但对复杂HTML不理想;BeautifulSoup提供简单API,适合多数情况;lxml结合XPath,适合处理大型复杂文档。示例展示了如何用这些方法提取链接。
122 2
|
2月前
|
数据安全/隐私保护 C++
【HTML】构建网页的基石
本文介绍了HTML的基本概念和常用标签,包括HTML文件的基本结构、常见标签(如标题、段落、换行、图片、超链接等)、表格与表单的使用方法,以及无语义标签div和span的特性。通过具体示例展示了如何在VS Code中快速生成HTML框架及各标签的应用场景,帮助初学者快速掌握HTML的基础知识。
51 1
【HTML】构建网页的基石
|
3月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
4月前
|
移动开发 HTML5
可达鸭举牌网页版本在线生成源码html5
可达鸭举牌网页版本,在线生成源码,点击分享即可制作DIY自己的举牌文字网页,需要GIF动图的自行用GIF图片录制工具录制下来。
50 1
可达鸭举牌网页版本在线生成源码html5
|
4月前
|
前端开发
HTML网页作业代码(仿写商城首页、学校官网网页等、源码可直接运行)
这篇文章提供了HTML网页作业的完整代码,包括仿写商城首页和学校官网网页的源码,以及如何运行和项目结构等详细信息。
HTML网页作业代码(仿写商城首页、学校官网网页等、源码可直接运行)
|
3月前
|
移动开发 前端开发 数据挖掘
用HTML5中的 画布(Canvas)在“圳品”信息系统网页上绘制显示饼图
用HTML5中的 画布(Canvas)在“圳品”信息系统网页上绘制显示饼图