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

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

首先来介绍一下Sublime:

什么是Sublime?

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

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的基本结构我们可以通过一些实例来真正理解每个标签的含义。

相关推荐