格式为：<!– 你需要编写注释的内容位置 –>
其中这些字符必须要英文半角小写输入。
还有一种用法，条件注释，用来定义某种条件才能通过。例如：<!–[if ie 8]>html的内容<![endif]>,这种表示只有微软IE浏览器8才能访问得到放在条件注释里面的内容。
css 菜单，css黑体设置，css字体打竖写，css相对视口定位，css背景投影底部代码，css图片放到中间代码，django 加载css
html中为什么有时无法运行代码？
html中有时无法运行代码存在的原因是浏览器的兼容性的，有些html标签或者是方法在不同的版本或者是不同的浏览器里面是存在兼容性的，一般都是向高版本兼容的，如果你的浏览器版本低了那么他是不支持的，还有就是你html语法错误导致浏览器不能识别。
哪个数据可视化工具比较好？
R-ggplot2
ggplot2是R语言最为强大的作图软件包，强于其自成一派的数据可视化理念。当熟悉了ggplot2的基本套路后，数据可视化工作将变得非常轻松而有条理。
技术相关
核心理念1. 将数据，数据相关绘图，数据无关绘图分离
这点可以说是ggplot2最为吸引人的一点。众所周知，数据可视化就是将大家从数据中探索的信息与图形要素对应起来的过程。
ggplot2将数据，数据到图形要素的映射，以及和数据无关的图形要素绘制分离，有点类似java的MVC框架思想。这让ggplot2的使用者能清楚分明的感受到一张数据分析图真正的组成部分，有针对性的进行开发，调整。
2. 图层式的开发逻辑
在ggplot2中，图形的绘制是一个个图层添加上去的。举个例子来说，大家首先决定探索一下身高与体重之间的关系；然后画了一个简单的散点图；然后决定最好区分性别，图中点的色彩对应于不同的性别；然后决定最好区分地区，拆成东中西三幅小图；最后决定加入回归直线，直观地看出趋势。这是一个层层推进的结构过程，在每一个推进中，都有额外的信息被加入进来。在使用ggplot2的过程中，上述的每一步都是一个图层，并能够叠加到上一步并可视化展示出来。
3. 各种图形要素的自由组合
由于ggplot2的图层式开发逻辑，大家可以自由组合各种图形要素，充分自由发挥想象力
基本开发步骤
1. 初始化 – ggplot()
这一步需要设定的是图的x轴，y轴和”美学特征”。基本形式如下：
p <- ggplot(data = , aes(x = , y = ))
这一步里，设置x轴和设置y轴很好理解。那么”美学特征”又是什么呢？
举个例子来说，下面这张散点图里，x轴表示年龄，y轴表示身高，很好理解：
但这张图除了展示年龄和身高的关系，还展示出每个样本点的体重：颜色越深表示体重越大。因此体重信息和年龄身高一样，也需要绑定到一个具体的列。这一列就是散点图中的”美学特征”。
来看看R语言绘制代码：
ggplot(heightweight, aes(x=ageYear, y=heightIn, colour=weightLb))+geom_point()
其中的colour参数就是该图的”美学特征”。
再比如，下面这张柱状图中，x轴表示日期，y轴表示权重，很好理解：
但这张图中每个日期对应了两个不同的权重并采用两个柱状来对比，那么这个划分依据也是另一个“美学特征”。
再看看绘制代码：
ggplot(cabbage_exp, aes(x=Date, y=Weight, fill=Cultivar))+geom_bar(position=”dodge”, stat=”identity”)
其中的fill参数就是该图的”美学特征”。
综上所述，图中的每个样本点除了通过它的坐标位置，还可以以其他形式展示信息，比如大小，色深，分组等。而这些新形式需要绑定的列，便叫做”美学特征”。
“美学特征”的形式和x，y轴一样是以列的形式给出，且列中元素个数和x，y轴列必然相等。它的设置也和x，y轴一样在ggplot()函数的aes参数括号内进行。
2. 绘制图层 – geom_bar()/geom_line()等等
上一步的主要工作是为数据可视化配置好了数据，接下来便可根据业务的需要来绘制不同的图，如折线图/柱状图/散点图等等。具体的实现方法在后面的章节中会细致讲解，这里重点提一下绘图函数里的stat参数。这个参数是对冲突样本点做统计，该参数默认为identity，表示保留样本点原(y)值，还可以是sum，表示对出现在这点的(y)值进行求和等等。
3. 调整数据相关图形元素 – scale系列函数、某些专有函数
在ggplot2中，scale标尺机制专门负责完成数据到图像元素的映射。也许你会问，”美学特征”不是已经定义好了这个映射吗？然而事实是”美学特征”只是选定了映射前的数据，并没有说明具体映射到什么图形元素。
举个例子，假如某张表记录了不同种类水池的长，宽，深信息。现在需要绘制不同种类下水池长和宽关系的柱状图，那么初始化完成的是这个映射：
而scale函数完成的是这个映射：
显然a映射为了红色，b映射为了蓝色。
也许你还会问，偶的代码不用scale，那么映射是如何完成的呢？答曰系统有默认映射的，就像绘图函数都有默认参数stat=identity这样。
4. 调整数据无关图形元素 – theme()、某些专有函数
这部分包括设置图片标题格式，文字字体这类和数据本身无关的图像元素。只需调用theme()函数或者某些专有函数(如annovate函数可为图片添加注释)便可实现。
一个图层绘制好后便可观察调整，然后开始下一个图层的制作，直到整幅图绘制完毕。
R语言可视化成品图
说到工具，顺带提一下BI工具—FineBIFineBI是为大数据量提供数据处理、ETL、Dashboard报表展示、动态分析、报表管理的可视化分析工具。优势是：
前端可视化简单操作（小试牛刀）：1.新建分析新建分析包括两种类型的分析：普通即时分析和实时报表。普通即时分析：是指普通的分析模板，从cube中获取数据，进行数据分析；实时报表：是指做出来的即时分析模板，可以对数据进行实时查看，保证数据的准确性报表创建完成之后，页面进入数据分析设计界面，选择组件布局为自由布局，如下图：添加组件制作汇总表制作图表组件布局：自适应布局&自由布局自适应布局，自动调节布局自由布局，自由选择布局辅助编写需求设计文档的工具？
网页设计中常用的工具以及辅肋工具有：1.Microsoft Frontpage
最简单而最容易上手，却又功能强大的主页制作利器。基本上，如果会用Word，你就会用 Frontpage。就算你不懂 Word 也没关系，所见即所得的操作方式会让你很快上手，而且你无须学习 HTML 语法。常见的版本为Frontpage98 和 Frontpage2000。
2.Netscape编辑器
网页制作初学者很好的入门工具之一。Netscape Communicator和Netscape Navigator Gold 3.0版本都带有网页编辑器，可用来制作简单的网页。如果网页主要是由文本和图片组成的，Netscape 编辑器将是一个很好的选择。
当用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义锚点，插入链接，定义文档编码，插入图像，创建表格等。但Netscape编辑器对复杂的网页设计就显得功能有限，连表单创建、多框架创建都不支持。
3.Adobe Pagemill 3.0
Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果主页需要很多框架、表单和图像映射（Image Map图像），那么Adobe Pagemill 3.0的确是首选。
Pagemill创建多框架页十分方便，可以同时编辑各个框架中的内容。Pagemill在服务器端或客户端都可创建与处理Image Map图像，它也支持表单创建。Pagemill允许在HTML代码上编写和修改，支持大部分常见的HTML扩展，还提供拼写检错、搜索替换等文档处理工具。在Pagemill 3.0中还增加了站点管理能力，但仍不支持CSS、TrueDoc和动态HTML等高级特性