HTML基础知识 糖不苦

一个完美的web前端攻城狮，所具备的专业素养有：HTML5、XHTML、CSS3、JavaScript、JQuery、PS、PHP等。所以说，我要学的东西还有很多。。。

没别得，我也是一个H5的初学者，只是为了做好笔记，如果能帮到他人，我很荣幸。

一、HTML

　　是超文本标记语言(Hype Text Markup Language)，它不是编程语言，只是一种标记语言。

二、常用工具

　　Webstom、Notepad++、Eclipse、Text Subline、Dreamweaver、Intellij IDEA等

三、组成部分

 包括：声明、头部（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等

　　2-链接标签

　　属性有：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开始））

　　

无序列表（属性有：type＝disc（实体圆）、circle（空心圆）、square（方块）或者用css样式）

　　

• 列表项的属性

  　　

  列表

  　　

  列表项

  　　

  描述

  　　6-布局标签

  　　

表格的表头

表格的单元

、

　

　　7-背景标签

　　、

　　8-新增主要标签

　　

　　(绘画标签)　

（3）样式表（三种方式）

　　1-外部样式表

　　

　　2-内部样式表