dw常用标签_html5+css3技术（一）辅助软件dw和HTML标签

原标题：html5+css3技术(一)辅助软件dw和HTML标签

「AWEI」html5+css3技术(一)辅助软件dw和HTML标签

工具：Dreamweaver CS6

使用DW CS6新建html页面：

常用的两种界面：代码 –>拆分

预览方式：

常用默认方式：浏览器预览(F12)

常用设置操作：

编辑 ->首选参数(ctrl+u)进行字体大小设置

编辑 ->首选参数(ctrl+u)修改默认浏览器预览

创建简单的超链接页面：

此方法是利用设计界面快速创建超链接；如果大家对代码比较熟悉，建议用代码来创建！

HTML基本页面：

HTML 4.01 Transitional页面

HTML5页面

如上出现两种不同的基本页面，现在很多浏览器都做了很好的兼容，大家不用担心，笔者比较喜欢干净简洁的HTML5页面；

HTML标签的规则：

1、由尖括号包围的关键词””,比如

2、通常是成对出现的，比如

和

，第一个标签是开始标签，第二个标签是结束标签，开始和结束标签也称为开放标签和闭合标签；

3、也有单独呈现的标签，如：

HTML标签主要包含三种成分：元素(element)、属性(attribute)、值(value)

标签可以嵌套：

父元素和子元素

----父元素

-----子元素

基本的HTML5页面

:简短、描述性、唯一的；被搜索引擎检索，并作为搜索中的链接显示；书写在history面板中、收藏夹和书签列表中

(1-6)此标签拥有层级关系，使用时候要注意

代码浏览：

浏览器预览：

文件的保存：文件名使用小写字母，单词与单词间用”-“分隔；

例如：aweicho-tp.html正确

aweicho_tp.html不建议使用

aweichoTp.html不建议使用

最近笔者因为工作的原因比较忙，暂时先把当时学习html5+css3时候整理的笔记分享给大家，大家按照这个步骤去自学的话，预计20天之内，应该能够掌握大部分html5+css3及一些js常用方法；自己捣鼓些网页，基本上OK！

本号所有文章都经笔者亲自测验后整理成稿，期间耗费了很多精力，如果有朋友想收录自己的博客中请联系笔者「垒码大叔」；

初入IT世界的小白，欢迎大神留言交流，你的互动，是我成长的动力;

如果觉得分享内容还不错，就推荐到你的朋友圈吧，让更多人一起交流和分享；

笔者：垒码大叔「AWEI」返回搜狐，查看更多

责任编辑：