目录 一、Chrome谷歌浏览器访问助手的安装与激活 二、Sublime Text3编辑器配置与插件安装 三、Atom编辑器的配置、主题的安装与卸载 四、浏览器实时刷新工具BrowserSync的安装与配置 一、Chrome谷歌浏览器访问助手的安装与激活 国内目前主流的浏览器有360和搜狗等，作为程序员我比较推荐谷歌Chrome浏览器。而在国内谷歌浏览器是不能直接使用的，不过不用担心，万能的网民早已想好了应对的办法，我们需要下载一个名为谷歌访问助手的...
一 、webpack学习环境准备：1：window系统2：安装node.js 官方网址下载好后下一步下一步安装即可安装步骤略过....... 3：nrm的安装打开cmd命令控制台 输入：npm i nrm -g （全局安装nrm包）安装好后使用 nrm ls 查看 使用nrm use 镜像地址名称 注意：nrm只是提供了几个常用的下载包的URL地址。最终的装包工具还是npm或者cnpm工具，比如后面安装webpack包：cnpm install -g webpack 就会从nrm中带* 的地址中去下载。4:安装cn...
第一章：Internet和web基础1.1互联网和万维网 互联网一词是指由计算机网络连接而成的网络 万维网由蒂姆伯纳斯李发明，用HTTP进行通信，用HTML格式化文档 万维网由众多网页文件构成，文件中包含对网页进行描述的HTML和其它标记语言 1993年，第一个图像化浏览器Mosaic问世 1.2网页的无障碍访问 W3C主要解决的三个问题：架构、设计标准和无障碍访问 无障碍访问的网站通过遵循一系列标准来帮助人们克服这些障碍 网页通用设计是网页设计...
HTML API HTML 本地存储 HTML 本地存储：优于 cookies。 什么是 HTML 本地存储？ 通过本地存储（Local Storage），web 应用程序能够在用户浏览器中对数据进行本地的存储。 在 HTML5 之前，应用程序数据只能存储在 cookie 中，包括每个服务器请求。本地存储则更安全，并且可在不影响网站性能的前提下将大量数据存储于本地。 与 cookie 不同，存储限制要大得多（至少5MB），并且信息不会被传输到服务器。 本地存储经由起源地（origin...
html的常用标签总结一下用法和大概的效果 首先是总结一下各种标签的作用 根标签 <html>和</html>标签根标签是页面中最大的标签 文档的头部，标题，主题标签 <head></head>，<title></title>和<body></body>更改使用title标签后会有如下效果：换行标签 <br>换行页面效果如下： 注释标签<!-- -->文档类型声明标签：必须写到页面的前面，位于html标签前面 <!DOCTYPE html>这个标签的声明必须是html第一行，位于html标签之前 附上w3...
HTML5简介HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 文档包含了HTML 标签及文本内容 HTML文档也叫做 web 页面HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 HTML 标签通常是成对出现的，比如 和 标签对中的第一个标签是开...
HTML 什么是HTMLHTML标签HTML标题HTML段落HTML链接HTML 图像 HTML元素HTML属性部分标签实例HTML标题标准属性事件属性 HTML水平线HTML注释标签段落标签拆行clear属性HTML样式style属性 HTML文本格式化颜色CSS样式外部样式表内部样式表内联样式 总结 什么是HTML HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记...
一、认识 WEB 「网页」主要是由文字、图像和超链接等元素构成，当然除了这些元素，网页中还可以包括音频、视频以及 Flash 等。 「浏览器」是网页显示、运行的平台。 「浏览器内核」(排版引擎、解释引擎、渲染引擎)负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。浏览器内核备注IE Trident IE、猎豹安全、360 极速浏览器、百度浏览器firefox火狐 Gecko 这几年已经没落了，打开速度慢、升级频繁、猪一样的队友flash、神...
<!--html语言由html/head/body三大块组成--><!--声明是html5文件--> <!DOCTYPE html><!--声明语言类型--> <html lang="en"><!--head的内容除了title外，其他内容在网页上都不会显示--> <head><!--meta必须在head内，且大小应小于1024B，可以有很多meta元素，meta可以表达很多内容诸如：编码/作者/关键词/跳转网页等，如下：--><meta charset="UTF-8"><!-- meta标签 name属性 必须跟一个content属性用来关联前面name的内容--><meta ...
【CSS学习笔记02】 1.复合选择器 1.1后代选择器/* 任意基础选择器组合，选择器间用空格隔开 */ol li {color: pink;}ol li a {color: red;}.nav li a {color: yellow;}1.2子元素选择器<style>/* 最近一级的选择器 */.nav>a {color: red;}</style>1.3并集选择器div,p,.pig li {color: pink;}id：身份证（唯一） class：可以理解为名字（可以被多个人使用） 1.4链接伪类选择器<style>/* 1.未访问的链接 a:link 把没有点击过的(访问过...
相对路径：用./ 或者.. 写不写都行 不写默认写了./ 表示当前路径../表示当前路径的上一层级超链接，target属性，可设置超链接打开位置 _blank 在新的页面显示 <a href="./testhtml/html0401.html" target="_blank">访问yl</a> 回到顶部 <a href="#">回到顶部</a>回到底部 （去到标签的最后一个底部，给这个标签加一个属性即可，加个id 唯一标识） 或者任意位置，id都是【字母开头 并且区分大小写】占位符： ...
1、HTML5 1.1、什么是HTML1.2、HTML发展史1.3、HTML5的新特性1.4、HTML5的优势1.5、遵守的标准2、第一个HTML页面 <!-- DOCTYPE：告诉游览器，我们要使用什么规范， 此处是html规范--> <!DOCTYPE html> <html lang="en"><!--head标签代表：网页头部--><head><!--meta描述性标签， 它用来描述我们网站的一些信息--><!--meta一般用来做SEO--><meta charset="UTF-8"><meta name="description" content="这是一个神奇的网站"><meta name...
9.类、布局、响应式设计 9.1类 使用style标签设置样式颜色 div块儿级元素 <!--类 --> <html> <head> <style> .cities {background-color:black;color:white;margin:20px;padding:20px;}</style> </head><body> <div class="cities"> <h4>中国</h4> <p>中华人民共和国（the People's Republic of China），简称“中国”，成立于1949年10月1日，位于亚洲东部，太平洋西岸，是工人阶级领导的、以工农联盟为基础的人民民主专政的社会主...
超链接标签标签：<a href=""> </a> 属性：href：超链接跳转链接，里面的内容就是一个URL(协议://ip地址:端口号/虚拟路径？参数=？&参数2=?) 注意：url在配置文件中：&是&符号的转译当href=“#”;时，不会跳转任何页面，但是有一个回到页面顶部的效果 target：设置在哪个窗口打开 _self ：默认值，在当前窗口打开_blank：在新窗口跳转 name：名字(锚点：在同一个页面做跳转)<!-- 1)、点击a跳转到a只能给a标签的name跳转 --><a...
HTML学习笔记 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 标签: <标签>内容</标签> 标签通常是成对出现的 < !DOCTYPE html> 声明为 HTML5 文档 < html> 元素是 HTML 页面的根元素 < head> 元素包含了文档的元（meta）数据，如 < meta charset=“utf-8”> 定义网页编码格式为 utf-8。 < title> 元素描述了文档的标题 < body> 元素包含了可见的页面内容 < h1> 元素定义一个大...