html入门

开发工具

HbuilderX -> vue 支持度最好 （中文版） 移动端的测试工具

Webstorm -> idea 插件比较完善

sublineText -> 记事本工具 。体积小，集成度不高，插件也很多 安装不方便

Visual Studio Code -> 我用过之后一直在用的，开启速度plus，插件也很好用，占的内存很小 （建议）

从html到html5

html4->html5

特性：

简单，方便。用户至上（任何异常或者错误不会显示给用户看，正确的语法正常显示，错误的语法不会导致程序奔溃）

html的学习

整个html的有用标签大概就10多个，我们可以将这些标签和word进行对比

h1 -> 大标题

h2 -> 二级标题

…

h6 -> 六级标题

p -> 段落 ： 首尾自动换行

b -> 粗体 ：不会自动换行

i -> 斜体：不会换行

…

图像 img

属性 src ： 图片的地址

属性 alt ： 图片失效的时候显示的备注

超链接 a

href : 目标页面

target ：打开新页面的位置

锚点：

表格 table -> tr -> td

列表 ul 、ol、dl

表单标签 form

盒子标签

div ： 块级 有宽高，首尾自动换行 p

span：内联 无宽高，首尾不自动换行 b a

html5的特色

cavens 画布 => 可以渲染flash 免插件

audio 音频

video 视频

语义标签 (效果和div一摸一样，有语义)

article、footer、header、nav、section

拖拽

html看看菜鸟教程就够了。

语义化

学习HTML的目的就是在你需要的地方用到符合语义的标签，把标签用“对”这才是HTML学习的目的。例如一段文字，应该使用p标签，而不是使用div标签或者其他标签。

网页语义结构良好，对于搜索引擎来说也是极为重要的一点。利于seo优化

简单的来说语义化就是在合适的地方使用合适的标签。