Mars-HTML5(二)简单HTML程序,Sublime下载安装

原创 2016年05月31日 22:45:32

Sublime工具点击此处
安装超级简单,一路’next’


  • 什么是标签?
    用来修饰内容的代码。我们负责编写代码,有两个部分组成:
    内容:可能是文本,也可能是超文本的数据,例如图片、音频和视频等等,这些内容最终会在浏览器当中显示出来。
    标签:标签本身不会在浏览器当中显示出来,但是标签可以用来改变内容的显示形式,例如说文本加粗、斜体或者是图片的大小等等;

  • 标签通常来说都有开始和结束两个部分组成,前面的是标签的开始,后面的是标签的结束,被加在这中间的内容,都会受到标签的影响而变成斜体

  • HTML代码运行的基本机制:浏览器读取HTML代码的时候,就会解析判断究竟是哪一个标签,以及他们修饰的内容分别是什么,然后在浏览器当中以合适的方式显示出来


  • 这里写图片描述

新建一个文件first.html,注意不是txt格式
将该文件用Sublim打开写如下内容:

这里写图片描述
注意标签与标签要用TAB键缩进


<html></html>标签将这个网页当中的所有内容包含进去,这个标签本身只是用于说明在其中包含的内容都是HTML代码,没有什么其他的作用


head标签当中的内容通常用于对整个HTML网页进行设置,比如说网页是否能够显示中文,网页的标题是什么


首先在head当中可以加入<title></title>标签,这个标签的作用是将其中包裹的内容显示在浏览器的标题栏当中


body标签当中的内容才是真正的要显示在浏览器当中供用户观看的内容


运行‘first.html’,点击文件右键打开方式,运行在Chrome、Firefox和Opera
这里写图片描述

相关文章推荐

HTML5:Sublime Text 的安装与使用

简介此博客适用于 MAC OS 系统下的sublime Text;安装1、点击: Sublime Text 下载页面 ;2、在下载页面点击 OS X 进行下载,如下图所示:3、双击下载的 dmg 文件...

Node.js、Sublime text3、HTML5模板搭建基本简单静态web网站

express/express-generator/express -V/新建web项目/测试 HTML5模板/下载/安装/public Sublime text3引入项目/sidebarenchan...
  • NEET007
  • NEET007
  • 2016年06月14日 20:08
  • 964

Html5 Canvas+Javascript实现一个简单画图程序(二)

上篇文章已经知道了绘制图形的基本代码了,但是还不能根据鼠标来绘制,本文将会介绍方法。 js的鼠标事件: 我们使用到了四个:mousedown(鼠标按下)mouseup(鼠标松开)mousemove...

HTML5中sublime Text3的常用插件的安装及使用

Sublime3下载 1.百度搜索Sublime3,选择进入下载页面   2.小编选择下载Win64位安装程序 二、Sublime3安装 傻瓜式安装,此处省略千言万语,然后打开就可以...

Mars-HTML5(一)基本概念

什么是HTML? HTML的作用是什么? HTML相关什么是HTML? 通用于网页和手机端的编程语言,全称是Hyper Text Mark-up 【hyper】:英 [‘haɪpə(r)] 亢奋的...

Mars-HTML5(四)链接和锚点

如果需要在页面当中插入一个链接,就需要使用链接内容标签,浏览器读取到该标签之后,默认会显示一行蓝色的文本,并在文本内容上添加下划线。当用户的鼠标放置在链接之上时,会显示成一个小手的形状,用于提醒用户这...

Mars-HTML5(三)常用文本标签

标签的作用 文本标签的目标就是对文本的内容进行装饰,例如加粗字体,为文字加上下划线等等 机器阅读 视觉标签的加粗就仅仅是加粗,对于机器阅读而言,这样的加粗没有意义。如果是语义标签当中的加粗标签,不...

html5的canvas写一个简单的画板程序

html5的canvas写一个简单的画板程序 思路: 获得按下时候的坐标ctx.moveTo(e.clientX-10,e.clientY-10)然后鼠标移动的时候就不断的画线,!isDo...

Html5 Canvas+Javascript实现一个简单画图程序(三)

绘制几何图形   拿矩形举个例子吧,当鼠标在canvas按下的时候你记录下当前的坐标点,当鼠标拖动一段距离(但是不能拖出canvas),然后松开的时候再记录一个坐标,就可以计算出width和heig...

基于html5 localStorage , web SQL, websocket的简单聊天程序

new function() { var ws = null; var connected = false; var serverUrl; var connectionStatus; va...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Mars-HTML5(二)简单HTML程序,Sublime下载安装
举报原因:
原因补充:

(最多只允许输入30个字)