日期:2014-05-16 浏览次数:21067 次
---------------------- ASP.Net+Android+IOS开发、.Net培训、期待与您交流! ----------------------
一、Html简介
1.HTML 是一种标记语言
(1)忽略大小写,语法宽松
(2)使用 HTML 标记和元素,可以:
(3)控制页面和内容的外观
(4)发布联机文档
(5)使用 HTML 文档中插入的链接检索联机信息
(6)创建联机表单,收集用户的信息、执行事务等等
(7)插入动画
(8)开发帮助文件
2.HTML 标记的格式组成: <ELEMENT ATTRIBUTE = value>
(1)Element: 元素 - 标识标记
(2)Attribute: 属性 - 描述标记
(3)Value: 值 - 分配给属性的内容
二、超链接
1.<A HREF = protocol://host.domain:port/path/filename> Hypertext </A>
2.Protocol 协议类型
3.http –超文本传输协议<a href="http://127.0.0.1:8080/shopcart/index.html">
4.gopher –搜索文件 <a href="gopher://gopher.baidu.com/00/teams">directory</a>
5.telnet –打开 telnet会话 <a href="telnet://suvax.stateu.edu>...</a>
6.需端口的 <a href="telnet://suvax.stateu.edu:3000>...</a>
7.需登录的 <a href="telnet://username:password@suvax.stateu.edu>...</a>
8.tp –文件传输协议 匿名:<a href="ftp://ftp.baidu.com/pub/xxx.txt">下载</a>
9.需登录的: <a href="ftp://username:password@ftp.baidu.com/pub/xxx.txt">资料</a>
10.mailto –发送电子邮件 <A HREF="mailto:daillow@gmail.com">电子邮件连接
11.Host.domain 服务器的 Internet 地址
12.Port 目标服务器的端口号
13.Hypertext 用户必须单击才能激活链接的文本或图像
三、Html的基本标记
1.标记:左尖括号“<“和右尖括号“>“之间的文本
(1)在< >中的称为开始标记,在</ >中的称为结束标记
(2)空标记:不包含元素的标记。空标签必须以“/>”结束。
格式: <空标记的名称/> <空标记的名称属性列表/>
*注意:
(1)除空标记外,标签必须成对,有始有终。所有的开始标签和结束标签必须匹配。
(2)在标记符“<“和"标记的名称"之间不能含有空格。在标记符"/>"前面可以有空格或回行。
(3)标签必须嵌套正确。
(4)由于浏览器间的恶性竞争,标记的使用也不再严格。例如,允许只有开始标记而没有结束标记,标签嵌套不正确等。
eg:
1.标题标记 <h1>~<h6> 标题标记,可显示六种大小的标题(1最大,6最小)
2.段落级标记 <ADDRESS> 可包含:到主页的链接,搜索字符串功能,版权信息,文档的作者、地址、签名等信息
3.<BLOCKQUOTE> 显示文档中的引用文本。用于较长的引用且显示为缩进式段落。
4.<PRE> 此元素用于预定义文本的格式。文本在浏览器中显示时遵循在HTML源文档中定义的格式。
5.块标记 <SPAN>定义段落内的内容块; <DIV>可以定义跨段落的内容块
6.字符级标记 (见下面的语法大全,字体效果)
列表 (1) <li type=...> 指定符号type="disc"空心圆/"circle"实心圆/"square"方形
(2) <OL TYPE="a/A/i/I"> 有序号的列表(内嵌<li>)(a/A用字母标示,i/I希腊字母标示)
(3) <UL TYPE="disc/circle/square"> 无序号的列表(内嵌<li>)
*从第n个值开始编号<OL START = n> type=数值:从1开始(任何数值都是这样)
*OL与UL没区别;TYPE="a/A/i/I"就有序号,TYPE="disc/circle/square"就没序号
*定义列表包含在<DL>标记内。<DT>标记用于指定要定义的术语,而<DD>标记用于对术语的定义。
7.水平标尺标记 <HR> 用于在页面上绘制一条水平线。它没有结束标记,且不包含任何内容。
8.字体标记 <FONT> 可以指定size、color、style(样式)等属性。
9.图像标记 <IMG> 语法为:<IMG SRC="URL">。支持GIF(支持图形渐近,动画); JPEG(.JPG); PNG
四:使用META标记
1. 提供关于网页的信息
<META NAME="Generator" CONTENT="EditPlus"/>
<META NAME="Author" CONTENT="daillo"/> <!--获得文档的作者名称-->
<META NAME="Keywords" CONTENT=""/> <!--根据关键词生成响应-->
<META NAME="Description" CONTENT="noting Book"/> &l