日期:2014-05-16  浏览次数:21067 次

黑马程序员:HTML

---------------------- 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