webstrom的使用
关于新建项目:
new file:ctrl+n
Rename(shift+F6)
作用:重名名现有文件
当出现新建好文件夹后,需要放置图片时,只需要点文件夹,再ctrl+v过来即可
setting-directory-右侧+Add Content Root(添加现有项目)
HTML
基本结构
- <!DOCTYPE html>
- html5的文档声明,不属于html部分;
作用:浏览器解析html的版本; - <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-html4的版本文档声明
二者的区别:
-html5会有新增加的标签,当文档声明是4的话,会解析不出,而出现乱码;
所有高的东西都会迁就低的东西; - 告诉浏览器一下部分是html的文件,语言为英文 ;”zh”为中文
HTML是成对出现的;
- 当前HTML文件头部,用来放置一些预加载的文件和内容;
为什么会预加载:
答:因为浏览器的读取机制是从上到下的; - 规定整个文件的编码,并且需要放在整title前面
- 必须知道的常用编码:
-UTF-8/UFT-16:国际通用编码(所有浏览器默认)
-gb2312/gbk:国标(国内自己用,不建议用) - 为什么要用文件编码?
答:可以保证在服务器和客户端展示内容一致,不出现乱码; 那为什么编码要放在title上?
答:因为浏览器的读取机制从上到下;- 显示浏览器的页卡部分,不显示在页面的窗体内容上
- keywords:关键字;content:里面放很多关键字,每个关键字用逗号隔开
- description:对于整个网站或当前页面的描述是一段文字;conten:描述文字
- 样式引入
- 为什么样式引入是放在body前面?
答:因为加载css文件,再加载内容,会给用户呈现一个完整的漂亮的页面; - type=”text/css”是css的属性
- 为什么HEAD的内容不在浏览器窗口显示?
答:不是因为其设有隐藏性质,而是一般我们选择放置在HEAD中的标签内容是不会显示的,这是给浏览器看的; - body中的内容才会在浏览器中显示,当中包含标签和主要内容;