`

sublime的基本使用与HTML的基本结构

sublimeHTML 
阅读更多

 今天闲来无事给大家讲一讲关于sublime的使用与HTML。便于想学前端的同学能快速的入门！

首先来介绍一下Sublime：

什么是Sublime？

一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。相比于难于上手的Vim，浮肿沉重的Eclipse，VS，即便体积轻巧迅速启动的Editplus、Notepad++，在SublimeText面前大略显失色，无疑这款性感无比的编辑器是Coding和Writing最佳的选择，没有之一。简单来讲，就是一个封装好的文本编辑器！

 简洁扁平化的设计让我们使用起来非常舒服！

Sublime插件与package control

什么是package control？
package control 插件本身是一个为了方便管理插件的产生的插件！

如何使用package control下载插件？

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
View > Show Console 或者 ctrl + ` 中输入以上代码即可安装package control

 比较好用的插件推荐

https://www.oschina.net/translate/20-powerful-sublimetext-plugins

 相信有了这样编辑器和插件我们开发速度肯定能很快！但是对于刚学的同学，还是建议慢慢来，锻炼熟练度！下面呢，就来介绍一下我们的HTML！

下面来介绍一下HTML：

什么是HTML？

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

你可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

HTML 很容易学习！相信你能很快学会它！

 

注意：HTML 不是一种编程语言，而是一种标记语言

 

HTML的标签：

  • HTML 标记标签通常被称为 HTML 标签 (HTML tag)
  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
</body>
</html>

  • <!DOCTYPE html> 声明为 HTML5 文档
  • <html> 元素是 HTML 页面的根元素
  • <head> 元素包含了文档的元（meta）数据
  • <title> 元素描述了文档的标题
  • <body> 元素包含了可见的页面内容
了解了html的基本结构我们可以通过一些实例来真正理解每个标签的含义。
  • 大小: 31.3 KB
0
顶
1
踩
分享到：
| 一篇关于json的自我学习！
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    性感的sublimetext html 中文文档

    综上所述，Sublime Text作为一款强大的文本编辑器，不仅提供了基本的文本编辑功能，还具有许多高级特性，尤其在HTML开发中，能够大幅提升开发者的效率和体验。通过不断学习和掌握这些知识点，你可以充分利用Sublime ...

    SublimeText2.3

    Sublime Text 2.3是一款备受开发者喜爱...不过需要注意的是，Sublime Text 2.3版本相对较旧，目前最新的稳定版本已经是Sublime Text 4，虽然2.3版本仍可满足基本需求，但为了获得最新特性和优化，建议更新到最新版本。

    SublimeText 新建模板与说明

    在这个例子中，`html5`是触发词，当你在Sublime Text中输入`html5`并按Tab键时，这段HTML5的基本结构会自动插入到光标位置。`$1`和`$0`是占位符，`$1`表示在插入代码后，光标会停在`&lt;title&gt;`标签内，方便立即输入...

    Sublime Text 3

    Sublime Text 3还提供了强大的代码完成和自动补全功能，它能够分析当前项目的代码结构，提供基于上下文的提示。对于大型项目，它的项目管理功能也非常实用，用户可以创建和切换多个工作区，方便管理不同项目。 除了...

    sublime中EMMET插件（使用说明）

    例如，输入 "html:5" 后按 Tab，会自动生成一个基本的 HTML5 文档结构。 总的来说，Emmet 插件极大地提升了前端开发者的编码效率，它简化了 HTML 和 CSS 代码的编写过程。通过熟练掌握 Emmet 的使用，开发者可以更...

    sublime text2 一种快速编写HTML代码的方法

    3. **嵌套元素**：使用 `&gt;` 符号表示父元素与子元素的关系，如 `div&gt;ul&gt;li` 表示 div 内包含一个 ul，ul 内有 li 元素。 4. **重复元素**：使用 `*` 符号后跟数字表示重复的元素，如 `li*3` 会生成三个 li 元素。 5....

    Sublime Text 3(40多插件+4主题)

    总的来说，Sublime Text 3通过丰富的插件和主题，不仅满足了基本的文本编辑需求，还能提供诸如代码智能提示、版本控制、编码转换、文件比较等一系列专业开发工具，从而成为开发者不可或缺的得力助手。无论是前端Web...

    Sublime text emmet插件

    总结来说，Sublime Text 中的 Emmet 插件是前端开发者提高工作效率的强大工具，它通过简短的缩写方式，帮助我们快速生成复杂的HTML和CSS结构。熟练掌握 Emmet 的各种技巧和高级用法，能让你在编写代码时更加游刃有余...

    sublime可用

    总之，这款“sublime可用”的配置不仅包括了Sublime Text的基本优点，还可能预装了一些实用插件，旨在为HTML开发提供一个高效、便捷的工作环境。对于初学者和经验丰富的开发者来说，都是一个理想的选择。

    Sublime Text

    4. **强大的代码补全**：Sublime Text内置了基本的代码补全功能，通过安装插件如“SublimeCodeIntel”，可以实现更智能的代码提示，对于提高编码速度和减少错误非常有帮助。 5. **代码片段（Snippets）**：用户可以...

    sublime text markdown插件

    Markdown是一种轻量级的标记语言，常用于编写文档，它使得人们能用易读易写的纯文本格式编写文档，然后转换成结构化的HTML（超文本标记语言）文档。Sublime Text的Markdown插件就是为了方便用户在Sublime中编写和...

    SublimeText3插件

    1. **Sublime Text 3的基本功能** - 多选编辑：允许用户同时编辑多个位置，提高代码修改效率。 - 快速查看：通过预览功能快速查看文件内容，无需打开新窗口。 - Goto Anything：通过快捷键或菜单快速跳转到项目中...

    sublime3(中文版）

    综上所述，Sublime Text 3不仅具备了基本的文本编辑功能，还通过其强大的自定义性和丰富的插件生态，成为了一款全能的开发工具。无论是初学者还是经验丰富的开发者，都能在Sublime Text 3中找到适合自己的工作流。

    Sublime Text2 英文版

    2. **代码高亮与自动完成**：编辑器提供了丰富的语言支持，包括但不限于HTML、CSS、JavaScript、Python等，代码高亮让开发者能快速识别不同语法结构。同时，它还具有智能代码补全功能，能够根据上下文提供可能的代码...

    SublimeText3开箱即用

    1. **多选与多光标编辑**：Sublime Text 3允许用户在同一时间进行多个选择和编辑，极大地提高了代码修改效率。你可以同时更改多个相同或相似的文本片段，节省大量时间。 2. **分割编辑**：用户可以将编辑窗口分割成...

    mac版sublime3 完整配置版

    Sublime Text 3支持项目管理，用户可以保存和切换不同的工作区，每个工作区包含特定的文件和目录结构。通过Project菜单，可以保存和加载项目设置。 六、代码片段 Sublime Text 3支持创建自定义代码片段，这些代码...

    Sublime Text 3 支持Markdown

    Markdown是一种轻量级的标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成结构化的HTML（超文本标记语言）文档。在IT行业中，Markdown因其简洁、直观的语法，被广泛用于编写博客文章、文档、README...

    sublime快捷键.txt

    - `html4tab`：生成 XHTML 1.0 的基本结构。 - `jsstab` / `jstab`：生成 `&lt;script&gt;` 标签。 - `csstab`：生成 `&lt;style&gt;` 标签。 - `hzstab`：生成 HTML 注释。 - `jzstab`：生成 CSS 和 JS 文件的引用。 - `...

    Sublime2-已集成常用插件

    首先，让我们了解一下Sublime Text 2的基本特点。它支持多种编程语言，并提供了多行选择、分割编辑、快捷命令（如Goto Anything）等功能，使得代码导航和编辑变得异常方便。此外，它的自定义性极强，用户可以通过...

Magicbox
Global site tag (gtag.js) - Google Analytics