原标题: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」返回搜狐,查看更多
责任编辑: