整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
性是HTML元素提供的附国信息
HTML元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对应的形式出现，例如：name="value"
例，链接地址是href的属性
<a href="http://www.baidu.com">链接地址是href的属性</a>
HTML属性常用引用属性值
属性值应该始终被包含在引号内
双引号是常用的，单引号也没有问题，
如果属性值本身就包含了双引号，即么则必须引用单引号，例：name='John"ShotGun"Nelson'
HTML提示：使用小写属性
属性和属性值对大小写不敏感。
HTML属性参考
calss 为HMTL元素定义一个或多个名
id 定义元素的唯一id
style 规定元素的行内样式
title 描述元素的额外信息
HTML标题
HTML注释
类似于对代码进行备注，默认有两种试
1、<!-- 这是一个小的注释 -->
常用于一小段注释
2、//注释 有时候不起作用，不知道为啥，知道的回复下啦
HTML提示，如何查看源代码
如果你想看，在网页中，单击右键，然后选择查看“源文件”或者醒看页面源代码即可；
用说， Flash的效果大家都清楚。实际上，HTML5和JavaScript拥有很多新属性，可以用它们来替代Flash。W3Cschool精选16个超牛逼的HTML5和JavaScript特效，看了这些特效，未来的Web发展前途无量。
1.特效：FlowerPower
创作者使用花朵作为画刷，以贝兹曲线方式绘图。
2.特效：Breathing Galaxies
动态变换直径及颜色，可通过鼠标或键盘产生新形状，这个效果不错!
3.特效：Noise Field
移动鼠标可改变粒子运动，点击可随机生成不同粒子效果。
4.特效：HTML5 Canvas粒子效果文字动画特效
W3Cschool利用HTML5，制造出了粒子效果文字动画特效。只要你输入框中输入想要展示的文字，回车后即可在canvas上绘制出粒子效果的文字动画，相当酷的动画效果。
5.特效：Swirling Tentacles
三维脉冲效果，沿着脉冲线有运动的颜色渐变模块。
6.特效：Keylight
双击生成两个以后的键即可发出声音，移动键的位置可产生不同的声音效果。W3Cschool上面有很多这样的教程，有兴趣可以去看一下！
7.特效：Rotating Spiral
旋转的螺旋效果，单击可以控制开始和停止旋转，是不是觉得高大上？
8.Blob
拖动水滴有重力效果，双击可以分离，小水滴碰到大水滴会合并。
9.Trail
彩色颗粒跟随鼠标运动效果，带尾巴淡出效果。
10.Graph Layout
一种交互的力向图布局效果，刷新三观。
11.Typographic Effects
使用HTML5 Canvas实现的文本特性，效果超过Flash。
12.Crazy Tentacles
移动鼠标可以进行涂鸦，点击鼠标可以清除画布，看着确实疯狂。
13.Nebula
吸引眼球的粒子系统，目的是测试WebGL性能，如果滑动鼠标，可以产生绚丽效果。
14.WebGL Globe
WebGL Globe 是一个开放的地理数据可视化平台，我们鼓励你复制代码，添加自己的数据，创建自己的应用。
15.Particle Playground
用鼠标和粒子进行交互，能发现不一样的精彩。
16.Surface
使用WebGL实现的水面特效实验，可放入一张照片，使用鼠标触动水面会有奇特效果。
上面的HTML5和JavaScript特效，简直赶超Flash。W3Cschool上面有很多用户留言称HTML5和JavaScriptit将替代Flash，不过对于这种说法，也不知道怎么去评判。毕竟这些用户说的也是很有道理，你认为JavaScriptit会替代Flash吗?很想知道你的答案!
公众号：w3c技术教程
提供专业的web技术教程、手册、工具。
全栈攻城狮-每日更新原创IT编程技术及日常实用视频。
主要内容：正式引入HTML网页开发，学习并了解HTML的相关知识。变身Web开发达人，做全栈程序员。这是HTML技术的第二课，主要讲解一下HTML的几大重要标签，做出来比较不错的显示效果。
上节中主要讲解了HTML的开发工具以及书写了第一个Web网页。上节请戳→HTML电脑编程02 书写第一个Web网页 程序员学习复习
第一个HTML网页
其中包括<html>....</html>标签、<head>...</head>（头部标签）、<title>...</title>（标题标签）、<body>...</body>（身体标签）。每个标签都有自己的含义。其实还有很多非常重要的标签的。下面我们一起来看一看。
PS小技巧：分享个写标签的小技巧，在书写（<）时，顺带着把（>）也也写好了。成对成对的写，对于标签也适用，如在写html标签时。书写顺序如下：
1.<
2.>
3.html
4.<
5.>
6./html
对于标签的学习，最好进行分类，这样就可以快速的进行学习了。首先说一下文本标签。
文本标签是用来显示文字的。只要是内容的东西，咋就意味着需要卸载body内：
body标签
如同上节课一样，直接在body标签中写文字也是可行的。但是你无法对字体颜色格式等信息进行控制。所以出现了不同的文本标签，用来显示设置不同的字形。
如同名字一样，标题标签就是标题。使用这个标签可以让你的内容和标题一样显示。标题标签包括<h1>-<h6>六种。
6种标题标签
其显示效果如下：
6种标题标签的展示效果
可以看到H1-H6标签的大小不一致。H后面的数字越大反而越小。
H标签中还包含一个属性align。那到底什么是属性呢？
属性以键值对的形式存在。属性是相对于标签而言的，也就是需要把属性写在标签内。既然是属性，也就意味着可以改变标签的某些功能。例如H标签中含有align属性。这就是用来控制对齐方式的。
align属性
align属性就是用来控制对齐方式的。通过上图，也可以看到属性的书写方式。一起来看一下效果吧：
align属性的不同效果
align属性常用的包括left（靠左）、center（居中）、right（靠右）三个基本值。
下面介绍几个物理字体的标签。物理字体指的是：加粗、斜体、下划线、上下标等
粗体：
粗体
粗体显示的效果
还有其他的标签，和b标签使用方式一致：
各种物理字体
大家直接试用一下就可以看到效果了。
本教程由做全栈攻城狮，原创首发，如有转载，请注明出处。
如果你有什么比较不错的编程技巧，或者你想要什么程序员编程资源，点击下方了解更多。
*请认真填写需求信息，我们会在24小时内与您取得联系。
