Sublime Text创建页面

首先先安装好软件

第一步：新建站点（用来管理网站的所有资源（包含图片声音文字脚本））

将此文件夹拖到sublime 里面

新建文档

将文档保存到站点中去：

保存的扩展名为：html或者htm都可以（这两个结尾的都是我们网页的文件）

实现效果：

这需要下载插件方便我们编写

按ctrl +shife +p(下载此插件)

之后输入！+ tab ===会生成一个HTM5的代码框架

htm的标签语法特点：

所有的标签元素都由 < >构成，一般标签都是开始标签+结束标签（区别在有无/）

开始标签和结束标签决定了标签的作用范围（且标签可以嵌套可使用缩进进行进一步观察）

有些标签是单一个：单标签标签之后可以+属性，通常属性添加在标签的后面使用空格隔开

每一个属性的结构：属性名=属性值（这里=两边不可有空格，在htm5里面要求属性值保存在双信号之间”属性值“）

观察浏览器效果

Document对应文档的标题

更改+保存

按键f5

发现页面标题发生变化

之后再body部分+h1标签

保存刷新（实现效果）

Sublime Text创建页面相关推荐

Sublime Text : 创建工程
Sublime Text 可以很方便地管理多个工程.使用Sublime Text的Projects,可以将不同根目录的文件组织起来成为一个工程,而不用将所有的文件都放到一个根目录下面. 1. 创建工程 ...
让你的sublime text写C代码 (sublime text 2 配置构建C开发环境)
原则 1. 首先你要配置能够编译C++/C环境 2. window中配置该执行环境的环境变量,能够全局使用 3. sublime Text创建新的构建机制.并设置用改全局编译环境具体过程能够编译C ...
Sublime Text正确的打开方式
安装package control插件安装完sublime 之后第一步就是先安装package control插件,去这个网址https://packagecontrol.io/installati ...
轻量级开发编辑器 sublime text 3 使用心得
sublime text 3 编辑器官方下载地址: http://www.sublimetext.com/3 sublime text 的控件包 => Package Control 的安装与使 ...
【亲测好用！】Centos6.5安装Sublime text 3-----可创建桌面图标
Centos大多数情况下是用来做服务器的,但是由于各种原因我现在要用Centos做开发机,所以当然要安装开发神奇Sublime textle. 注意:安装目录因人而异,我的安装目录是/opt/subl ...
HTML进阶--如何使用Sublime Text来创建网页 -------16岁的小前端
前期的文章中讲到了使用Windows自带的[记事本]来创建网页: [记事本]在写代码的时候有很多的不便捷,可读性可较差: 所以我们在前端开发的时候都会使用一款[文本编辑器](例如editplus,Su ...
在Ubuntu 14.04 64bit上安装配置sublime text 3(Build 3083)
Sublime Text是一个轻量.简洁.高效.跨平台的编辑器,同时支持Windows.Linux.Mac OS X等操作系统.Sublime Text是由程序员Jon Skinner于2008年1月 ...
sublime tex创建可服用的片段
---恢复内容开始--- sublime text 2学习(二):创建可复用的代码片段对于工程师来讲,写一个html页面的基本结构是体力活,每次去拷贝一个也麻烦,sublime text 2 提供了 ...
VS Code 和 Sublime Text 3 安装及常用插件安装
大家可以加我的个人微信,一起在学习交流群,交流学习,我的微信号:woainivery VS Code 1. Auto Close Tag 自动添加HTML / XML关闭标签 2. Auto Rena ...

Sublime Text创建页面

Sublime Text创建页面相关推荐

最新文章

热门文章