environment setup
首先,需要一个把编程语言编程电脑能读懂的机械语言的解码器。
这个是基础,于是到https://nodejs.org/en/
然后就是 install nodejs
安装好之后,执行cmd命令
npm -v
可以查询nod版本号。
nodejs就是服务器端的平台。
chrome浏览器用的是v8引擎。
然后是编程程序的install了。
推荐install sublimeText 3
www.sublimetext.com是一款 免费工具,企业用的比较多
sublime是核心平台,可搭载其他的插件。
属于开发工具的一种,同时也存在其他的开发工具。
例如:webstorm(收费的,很强大),以及vscode(ms开发的免费工具和sublimetext大概相同)
接下来就是插件了。没有插件的sublime是“不完整”,因为只有一个核心,人机性不好。
插件的接口是:package control
go to https://packagecontrol.io
点击installation ,复制python代码,点击sublimetext左下图标,选console,黏贴,回车,安装
安装后,选reference,选package control 即可加载其他插件
先输入install package
然后加载其他插件
1 emmet插件,功能:快捷键
!加tab键:快速生成文档
2 sidebarenhancement:扩展左边栏的功能
3 HTML-CSS-JS Prettify 文档,格式整理功能
4 Seti-UI 主题
5 Themr 主题管理器 reference/package control/全删/themr
使用!加tab键生成文档后:
1<!doctype html> 文档类型(代表html5)
2 UTF-8代表支持汉语
a标签 代表链接(链接的网址)及网址的显示
img 代表图片 需要相对路径
src的功能./当前文档所在目录 ../当前文档所在上一级目录
alt的功能是图片无法显示的时候的提示题目
inputbox是一个输入框(表单输入)
button按钮
label标签
以上标签皆为行内元素(即为不换行)
块级元素(是换行的)
div
块级元素可以理解为一个套筒。是凡套进去的元素可以一同执行。
当然,套筒里可以继续套。
css
1 建立css文件
2 选定想要编辑的元素
3 按照命令来进行编辑
background-color:颜色
元素选择器
.加class名为类选择器
table表格
caption标题(自己查)
tr行
td列
www.w3school.com.cn字典类型的网址
打开网站按f12或者右击选检查
header,footer,aside,article,
ctr+/不起作用,注释