HTML(Hypertext Markup Language) 简介
HTML 是一种标记语言
使用 HTML 标记和元素，可以：
控制页面和内容的外观
发布联机文档
使用 HTML 文档中插入的链接检索联机信息
创建联机表单，收集用户的信息、执行事务等等
插入动画
开发帮助文件
使用META标记 2-1 name和http-equiv
1.提供关于网页的信息
META name=“Author” content=“Graham Browne” 获得文档的作者名称
META name=“KEYWORDS” content=“...” 根据关键词生成响应
META name="DESCRIPTION" content="..." 对网页的描述
2.应用：关键词生成响应
META http-equiv="Expires" content="Mon, 15 Sep 2003 14:25:27 GMT" 设置网页的到期值
META http-equiv="Content-Type" content="text/html; charset=gb2312" 设置网页使用gb2312编码
meta name=“description” content=“欢迎学习META元素"
"description"中的content="网页描述"，是对一个网页概况的介绍，这些信息可能会出现在搜索结果中，因此需要根据网页的实际情况来设计，尽量避免与网页内容不相关的“描述”，另外，最好对每个网页有自己相应的描述（至少是同一个栏目的网页有相应的描述），而不是整个网站都采用同样的描述内容，因为一个网站有多个网页，每个网页的内容肯定是不同的，如果采用同样的description，显然会有一些网页内容没有直接关系，这样不仅不利于搜索引擎对网页的排名，也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息。
3.自动刷新页面
META http-equiv="Refresh" content="10; url=http://yourlink"
最常用的字符实体(都以‘&’开头)
空格：nbsp; <小于号：lt; >大于号：gt; &号：amp; "引号：quot; '撇号： apos;
￠分：cent; £镑：pound; ¥日圆：yen; §节：sect;
©版权：copy; ®注册商标：reg; ×乘号：times; ÷除号：divide;
链接标记A
1.链接到同一文档的各个部分
<A HREF = #Internet>互联网</A>>
<A name = Internet>互联网</A>>>
>
2.链接到另一文档中某个特定位置
<A HREF = x.html#Internet>互联网</A>
3.使用电子邮件
如果希望用户在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件，则可以在网页内包含发送电子邮件的功能。实现此功能所需的全部工作就是在链接标记中插入mailto值。
<A HREF="mailto:thisperson@mymail.com">我的电子邮件</A>
基本 HTML 元素
标题标记：可显示六种大小的标题，即<H1>到<H6>，<H1>为最大，<H6>为最小
段落级标记：<ADDRESS> 标记,定义地址元素; <BLOCKQUOTE> 标记;
块标记：<SPAN> <DIV>
字符级标记：<SUP> . . . </SUP> 上标文本 <SUB> . . . </SUB> 下标文本
<EM> . . </EM> 强调文本 <CODE>. . .</CODE> 用于显示编程代码
<CITE>. . .</CITE> 用于引用
无序列表
<UL>
<LI>星期一
<LI>>星期二
<LI>星期三
<LI>星期四
<LI>星期五
</UL>
有序列表
<OL>
<LI>星期一
<LI>星期二
<LI>星期三
<LI>星期四
<LI>星期五
</OL>
大写罗马数字 <LI TYPE = I>
小写罗马数字 <LI TYPE = i>
大写字母 <<LI TYPE = A>
小写字母<LI TYPE = a>
从第n个值开始编号<OL START = n>
定义列表
<DL>
<DT>星期日
<DD>一周的第一天
<DT>HTML
<DD>超文本标记语言
<DT>互联网
<DD>网络的网络
</DL>
table 表相关的标记
<TABLE> … </TABLE>表标记
<TR> … </TR>行标记
<TH> … </TH>表头标记
<TD> … </TD>单元格标记
<CAPTION> … </CAPTION>标题标记
插入GIF动画 <IMG SRC=coffeecup.gif ALT="冒热汽的咖啡">
HTML 文档中的图片
GIF（Graphics Interchange Format ）图像 (.GIF)
JPEG（Joint Photographic Experts Group）图像 (.JPG)
PNG（Portable Network Graphics )
插入声音 <BGSOUND SRC="path\sound filename">
插入视频 <EMBED ALIGN=CENTER WIDTH= "200" HEIGHT= "200" SRC= "\path\file name" AUTOSTART= "TRUE" >
使用表单<formgt;
<FORM action="http://mysite.com/processform" METHOD="post"gt;
...表单内容...
</FORMgt;
HTML 输入元素input属性
TYPE：此属性指定表单元素的类型。可用的选项有TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、FILE、HIDDEN和BUTTON。默认值为TEXT。
TYPE：此属性指定表单元素的名称。例如，如果表单上有几个文本框，可以按照名称来标识它们 - TEXT1、TEXT2或用户选择的任何名称。
VALUE：此属性是可选属性，它指定表单元素的初始值
MAXLENGHT：此属性用于指定在TEXT或PASSWORD表单元素中可以输入的最大字符数。默认值为无限的
SRC：SRC="URL"。当使用IMAGE作为输入类型时使用此属性，它用于标识图像的位置。
TextArea 元素：属性有Cols、Rows
BUTTON 元素： 属性有Name、Value、Type
列表（下拉框）SELECT 元素：Name、Size、Multiple
框架使用
<FRAMESET COLS="50%,*"gt;
<FRAME SRC=x.htmlgt;
<FRAME SRC=y.htmlgt;
</FRAMESETgt;
内嵌框架
<IFRAME src="x.html" width="100" height="150" scrolling=auto frameborder=1gt;
</IFRAMEgt;
什么是DHTML
DHTML是一个用动态内容描述HTML页面的术语，它包括HTML、CSS和JavaScript技术，这三种技术通过文档对象模型（DOM）融合在一起。
样式表简介
W3C推荐的样式表标准包括CSS和XSL
CSS主要用于HTML
XSL主要用于XML
样式表规则
RuleSelector(选择器) {property:value;property:value;......value;}
简单选择器(仅描述元素，而不考虑该元素在文档结构中的位置)
HTML选择器--选择器是HTML标记的名称
类选择器—使用HTML元素的CLASS属性
ID选择器—使用HTML元素的ID属性
上下文选择器(引用元素的上下文)
选择器的优先级
不同的选择符定义相同的元素时，要考虑到不同的选择符之间的优先级。ID选择符，类选择符和HTML标记选择符，因为ID选择符是最后加上元素上的，所以优先级最高，其次是类选择符。如果想超越这三者之间的关系，可以用!important提升样式表的优先权，例如： p { color: #FF0000!important } .blue { color: #0000FF} #id1 { color: #FFFF00}
来源：oschina
链接：https://my.oschina.net/u/4095/blog/345