首页 > 代码库 > HTML基础知识
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-布局标签
<table>、<div>
7-背景标签
<background>、<bgcolor>
8-新增主要标签
<video>、<aduio> 媒介回放元素
<canvas>(绘画标签)
(3)样式表(三种方式)
1-外部样式表
<link rel="stylesheet" type="text/css" href="http://www.mamicode.com/mycss">
2-内部样式表
<style type="text/css">
body{/style>
3-内联样式表
<p style="color:red"></p>
六、主要网址:
w3c:http://www.w3school.com.cn
HTML基础知识