HTML二：html开发工具sublime下载；第一个html页面；html文件结构

一&＃xff1a;html开发工具sublime下载&＃xff1a;

sublime下载地址&＃xff1a;http://www.sublimetext.com&＃xff1b;下载后&＃xff0c;根据提示点击安装即可&＃xff1b;

二&＃xff1a;第一个html界面生成过程&＃xff1a;

后面回头来看&＃xff0c;这种创建过程可能稍显简单和弱智。

&＃xff08;1&＃xff09;新建一文件夹&＃xff0c;文件夹内新建一html文件&＃xff1b;&＃xff08;html文件的扩展名也可以是htm&＃xff0c;但一般常用html&＃xff09;

&＃xff08;2&＃xff09;在sublime中&＃xff0c;通过File→Open Folder打开所建文件夹&＃xff1b;

&＃xff08;3&＃xff09;可以对first.html进行编辑&＃xff0c;然后使用Chrome浏览器打开first.html就能看到效果&＃xff1b;

&＃xff08;4&＃xff09;在html文件夹内增添文件&＃xff0c;能即时在sublime中显示出来&＃xff1b;

&＃xff08;5&＃xff09;使用sublime工具&＃xff0c;在html文件夹内新建文件&＃xff0c;需要右键html&＃xff0c;选择New File&＃xff0c;会创建一个untitled的文件&＃xff0c;ctrl&＃43;保存这个文件时&＃xff0c;可以选择保存地址&＃xff0c;和保存的文件类型&＃xff1b;

注&＃xff1a;目前来看&＃xff0c;sublime新建文件时&＃xff0c;需要手动指定存放位置&＃xff0c;即sublime好像并没有可以自动存放项目的workspace&＃xff1b;然后&＃xff0c;当使用sublime打开一个新的文件夹时&＃xff0c;其会在一个新的sublime窗体中打开该项目&＃xff1b;即sublime更像是一个编辑器&＃xff0c;而非一个功能强大的IDE。

三&＃xff1a;HTML文件结构

&＃xff08;1&＃xff09;标记多成组出现&＃xff1b;

&＃xff08;2&＃xff09;下面的<>中的内容即为标记&＃xff0c;被标记扩住的内容&＃xff0c;说明这些内容都是以超文本为主的&＃xff0c;都是页面文件&＃xff1b;

&＃xff08;3&＃xff09;网页上的内容都是在标记中的&＃xff1b;

&＃xff08;4&＃xff09;页面的标题是标签中的&＃xff1b;