目录

  • 一、安装教程
  • 二、创建第一个HTML文档

一、安装教程

安装包有需要的小伙伴可以私信我找我要。
下载好SublimeText 3后,打开安装包,根据不同系统选择不同的版本,下面第二个是汉化版的。

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

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

二、创建第一个HTML文档

如何创建一个简单的HTML文档,以下是步骤
1、首先创建一个站点文件夹,网页的内容保存在这个文件夹里面。

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

设置文件名为hello world.html:

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、完成后找到该文件,右键打开方式选择任意一个浏览器进行解析:

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

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

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

  1. millenium panel汉化版安装教程

    Millenium Photoshop Panel 汉化版for mac是一款安装在Photoshop中使用的PS磨皮与VSCO+Instagram胶片扩展包,主要用于图片调色和人像磨皮,millen ...

  2. MyEclipse 2017汉化版安装教程

    安装前先关闭杀毒软件和360卫士,注意安装路径不能有中文,安装包路径也不要有中文. 1.选中[myeclipse2017]压缩包,鼠标右击选择[解压到myeclipse2017]. 2.双击打开[my ...

  3. millenium panel 怎么汉化?millenium panel汉化版安装方法

    Millenium Photoshop Panel 汉化版for mac是一款安装在Photoshop中使用的PS磨皮与VSCO+Instagram胶片扩展包,主要用于图片调色和人像磨皮,millen ...

  4. Eclipse 2020-06 汉化包安装步骤(附汉化包+安装教程)(转载)

    eclipse汉化包我们会经常用到,因为它可以帮助英语基础差的用户更快的掌握这个软件,非常方便,但是我看了下整个互联网上并没有对这个汉化包进行整合,全都是分散的,中文设置起来非常麻烦,所以站长将汉化包 ...

  5. 超强!Figma汉化版下载教程来了!

    先说重点:超强汉化版 -- 即时设计 从 2016 年推出至今,Figma 已发展成市场上领先的 UI 设计工具之一. 因为 Figma 不仅简单好上手.功能出色,还以云端服务为基础,让你能实时编辑, ...

  6. Surfer11汉化版安装与破解图文教程

    Surfer是美国Golden Software 公司编制的一款以画三维图(等高线.image map和3d surface)的软件.该软件具有的强大插值功能和绘制图件能力,使它成为用来处理XYZ数据 ...

  7. 最详细PowerDesigner16.5汉化版安装

    目录 代码 安装前奏 安装步骤 简单的实例 代码 该代码可忽略,贴该代码原因只为审核通过,望大家理解. @GetMapping(value = "/sessiondemo1")@R ...

  8. Docker portainer-ce 汉化版安装(基于centos)

    1.首先进行Docker的安装 (1)卸载旧版本 yum remove docker \docker-client \docker-client-latest \docker-common \dock ...

  9. EditPlus汉化版安装软件

    1.下载此文件,在附件中 2.解压后,如图,根据自己系统选择相应的32位或64位.此意32位为例 3.点击epp370.exe正常安装,安装过程中记住安装路径一会用到,安装完成后英文版的EditPlu ...

最新文章

  1. OpenCV 【十三】矩阵的掩码操作
  2. 测试脚本的实用性:谈嵌入式系统在型式试验中的脚本应用
  3. 吐血整理:手拿几个大厂 Offer 的秘密武器!
  4. 李洪强iOS开发之RunLoop的原理和核心机制
  5. Asp.net系列--基础篇(一)
  6. 海淘会不会成为电商的下一片蓝海?
  7. 马尔可夫链算法原理与实现
  8. Servlet API
  9. 树莓派和微信和服务器,用树莓派搭建微信公共平台
  10. Java继承 implements 与 extends 总结
  11. 值从哪里来_内存频率是怎么算出来的?2133MHz这么奇怪的数字是怎么来的?
  12. ORACLE基础之oracle锁(oracle lock mode)详解
  13. windows下icns转png或ico
  14. 2022.4.21 python中关于sklearn 0.18的错误—— cannot import name comb
  15. 华硕飞行堡垒7按Fn+F5电脑显示屏不显示风扇模式
  16. 三维地图app的发展,离不开Infortrend GSe Pro 高效NAS共享
  17. 《Linux Kernel Development》读书笔记
  18. ThoughtWorks-2021上半年,请24期技术雷达正式发布!
  19. 干货|app自动化测试之Appium WebView 技术原理
  20. 中兴软件编程规范C/C++

热门文章

  1. ps--光照+光晕+模糊
  2. 微信公众平台开发入门教程
  3. # 数据结构---1.栈的实现
  4. 科学计算机感叹号,电脑网络黄三角感叹号怎么解决
  5. 使用Scikit-learn开启机器学习之旅
  6. 与你的梦,种植于青山绿水间
  7. html的注释是什么意思,注释是什么意思?
  8. 突破硬件瓶颈(一):Intel体系架构的发展与瓶颈挖掘
  9. memcached随笔练习
  10. 开题报告:基于java医院在线预约挂号系统 毕业设计论文开题报告模板