HTML基础知识

一个完美的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 文档的第一行，位于 <html> 标签之前。

　　<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令，这样浏览器才能获知文档类型。

　　在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。

　　HTML5 不基于 SGML，所以不需要引用 DTD。

　　现在主要记住：H5的声明方式：<!DOCTYPE html>

（2）常用标签及其属性

1-标题标签h1~h6(越来越小)

　　标题标准属性：id, class, title, style, dir, lang, xml:lang；事件属性：onclick, ondblclick等

　　2-链接标签<a><img>

　　<a>属性有：download、href、name、target等

　　<img>有：src（规定显示图像的 URL）、alt（规定图像的替代文本）

　　 3-格式化标签

　　<b>　　定义粗体字体　　<big>　　大字号　　<em>　　着重文字　　

　　<i>　　斜体字　　　　　<small>　小号字　　<strong> 加重语气

　　<sub> 下标字　　　 <sup>　　上标字　　<ins>　　插入字

　　<del> 删除字

　　4-表格标签

表格标签	标签的描述
<table>	表格
<caption>	表格的标题
<th>	表格的表头
<tr>	表格的行
<td>	表格的单元
<thead>	表格的页眉
<tbody>	表格的主题
<tfoot>	表格的页脚
<col>	表格的列属性

　　5-列表标签

　　<ol> 有序列表（属性有：type＝A（A，B，C）、a(a,b,c)、I(I，II，III)、i（i，ii，iii）、start＝10（从10开始））

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

　　<li>列表项的属性

　　<dl>列表

　　<dt>列表项

　　<dd>描述

　　6-布局标签

　　7-背景标签

　　8-新增主要标签

　　<video>、<ad
uio>　媒介回放元素

　　<canvas>(绘画标签)　

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

　　1-外部样式表

　　2-内部样式表

　　body{/style>

　　3-内联样式表

六、主要网址：
　w3c:http://www.w3school.com.cn

WEBGL学习网（WebGLStudy.COM）专注提供WebGL 、ThreeJS、BabylonJS等WEB3D开发案例源码下载。
声明信息：
1. 本站部分资源来源于用户上传和网络，如有侵权请邮件联系站长：1218436398@qq.com！我们将尽快处理。
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源打赏售价用于赞助本站提供的服务支出（包括不限服务器、网络带宽等费用支出）！
7.欢迎加QQ群学习交流：549297468 ，或者搜索微信公众号：WebGL学习网
WEBGL学习网 » HTML基础知识