准备工作
- 首先推荐测试的浏览器 谷歌浏览器 ,当然开发版的FireFox也可以哦,看您的心情。
- Webstorm安装,破解的话网上有注册码。
- 新建个空白的工程Empty Project,Location自己选个位置,一般是除了C盘的其他盘里,你要记住你保存到哪里了,然后点击Create
- 软件的工作项目界面如下,首先新建个Directory(文件夹),取名字为Html,为了以后开发的逻辑分类,前期要养成分类的习惯,新建Html,Img两个文件夹,分别保存代码和图片。
琐碎知识点整理
- 首先新建的XXX.Html文件里面不是空的,这些都是什么呢?
- 根据 W3C 推荐标准,通过 html 标签中的 lang 属性对每张页面中的 主要语言,进行声明,其他的图片里注释了。
- 代码的注释可以使用ctrl+shift+“/”
- 故事:当年微软的IE很厉害,便开始得意起来,把自己的浏览器团队解散掉,只剩下维护人员,这些开发人员被其他公司邀请来,最后诞生些Google Chrome、火狐浏览器Mozilla Firefox、欧鹏浏览器OPera、苹果浏览器Safari,后来者超越了IE并获得了市场。
- Html也叫 超文本标签语言,这里的 超 字是超出文本的意思,结合代码慢慢理解。
- 如果说网页是建大楼,那么HTML就是砖瓦,Css加样式,给房子装修,Js跟java没关系,JS全称是JavaScript,处理脚本,相当于家具,有一定的功能,来使房屋的体验更好。
- 开头head里有title、link、meta
- 搜索引擎是 爬虫,网站上定义的Keyword是给 搜索引擎 准备的
<meta name="keywords" content="淘宝">
比方说我们打开网易云音乐的官网,打开开发者模式,看这个网页的Keyword和Description
描述(description)的文字不要太多,控制在三十个字左右。 - Body中有h1~h6六种,其他的没效果,P标签没有加粗,Hr标签是单标签,用来做下划线
- 自定义列表用dl声明,dt为title,dd是列表内容。
- Meta中 可定义robots来拒绝爬虫爬取页面
页面标题栏icon
<link rel="icon" href="图片地址" type="image/x-icon" />
写博客时的心得
去水印:图片链接的代码从问号?后面的代码都删掉就好了。