一个完美的web前端攻城狮,所具备的专业素养有:HTML5、XHTML、CSS3、JavaScript、JQuery、PS、PHP等。所以说,我要学的东西还有很多。。。
没别得,我也是一个H5的初学者,只是为了做好笔记,如果能帮到他人,我很荣幸。
一、HTML
是超文本标记语言(Hype Text Markup Language),它不是编程语言,只是一种标记语言。
二、常用工具
Webstom、Notepad++、Eclipse、Text Subline、Dreamweaver、Intellij IDEA等
三、HTML的版本发展历史
版本 年份 描述
HTML 1991 第一版的html
HTML+ 1993 作为互联网工程工作小组(IETF)工作草案发布(并非标准)
HTML2.0 1995 作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
HTML3.2 1997 作为W3C推荐标准
HTML4.01 1999 (比上一版做了微小改进)作为W3C推荐标准
XHTML1.0 2000 发布于2000年,是W3C推荐标准,后来经过修订于2002年重新发布
HTML5 2012 W3C推荐标准
XHTML5 2013 更新版,基于HTML5草案
注释:w3c是万维网联盟,是Web技术领域最具权威和影响力的国际中立性技术标准机构
四、组成部分
包括:声明、头部(head)、标题(title)、身体(body)
五、基础知识:
(1)声明
<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 标签之前。
<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令,这样浏览器才能获知文档类型。
在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。
现在主要记住:H5的声明方式:
(2)常用标签及其属性
1-标题标签h1~h6(越来越小)
标题标准属性:id, class, title, style, dir, lang, xml:lang;事件属性:onclick, ondblclick等
属性有:download、href、name、target等
有:src(规定显示图像的 URL)、alt(规定图像的替代文本)
3-格式化标签
定义粗体字体 大字号 着重文字
斜体字 小号字 加重语气
下标字 上标字 插入字
删除字
4-表格标签
表格标签 标签的描述
表格 表格的行 表格的页眉 表格的主题 表格的页脚 表格的列属性
5-列表标签
- 有序列表(属性有:type=A(A,B,C)、a(a,b,c)、I(I,II,III)、i(i,ii,iii)、start=10(从10开始))
- 列表项的属性
- 列表
- 列表项
- 描述
6-布局标签
- 列表项
- 无序列表(属性有:type=disc(实体圆)、circle(空心圆)、square(方块)或者用css样式)
表格的表头 |
---|
表格的单元 |
7-背景标签
8-新增主要标签
(3)样式表(三种方式)
1-外部样式表
2-内部样式表