发布新日志

  • HTML学习笔记一

    2009-03-10 14:13:13

    1.2    HTML的全局架构标签
    1、页面中所有的标签都要放在<HTML>和</HTML>之间.
    2、<head>和</head>定义了HTML文档的头部分。在他们之间可以使用<title>和</title>,<script>和</script>等标签对。<head>标签对之间的内容是不会在浏览器的文档窗口中显示出来的。
    3、<title>标题栏,只能放在<head>之间。
    4、<body>定义了html的主体部分。
    5、文档类型定义(DTD)指定了当前页面文件所使用的html语言版本及定义该语言版本的规范文件的位置。DTD位于HTML文档的开头,在<HTML>标签之前。

    1.3    注释和特殊字符
    1、注释格式:<!--注释-->,不能嵌套
    2、特殊字符。

    1.4    格式标签
    1、<p></p>创建一个段落。
    2、<br>用来显示换行,单标签。
    3、<nobr></nobr>用来防止浏览器将过长标签的内容自动换行显示,对住址、数学算式、一行数字、程序代码等尤为有用。
    4、<blockquote></blockquote>使在其中的文本按缩进效果显示。类似于普通的tab键效果。
    5、<center></center>嵌套在其中的图形或文本居中显示。
    6、<marquee></marquee>通知浏览器移动显示嵌套在其中的图形和文本元素。direction属性,指定移动的方向。
    7、<dl></dl> 用来创建一个普通的列表,<dt></dt> 用来创建列表的上层目录。<dd></dd> 用来创建列表中的最下层目录。
    8、<ol></ol> 创建一个标有数字的列表。<ul></ul> 创建一个标有圆点的列表。<li></li> 只能在<ol></ol>和<ul></ul>之间使用,创建一个列表项。
    9、<pre></pre>用来对文本进行预格式化处理。浏览器显示网页文件中的文本内容时,会忽略用来分割和对齐内容的空格及换行,使用该标签对之后告诉浏览器显示所有空格和空行。

    1.5    文本标签
    1、<h1></h1>...<h6></h6>作为标题显示的一系列标签对。<h1></h1>是字号最大的标题,而<h6></h6>是字号最小的标题。
    2、<b></b> 粗体字。<i></i> 斜体字。<u></u> 文本加下划线。<sub></sub> 建立一个下标。<sup></sup> 建立一个上标。
    3、<tt></tt> 打字机风格字体的文本。<cite></cite> 显示引用字体,通常是斜体。<em></em> 显示需要强调的文本,通常是斜体加粗体。<strong></strong> 用来显示加重文本,通常是黑体加粗体。
    4、<fort></fort>  他可以对显示文本的字体、字号、颜色进行随意地改变。主要通过face、size和color来控制

    1.6    超链接标签
    1.6.1    统一资源定位符(URL)
    1、在Internet上任何可用资源,包括html网页文件、图像、应用程序等,都有一个保证其单一的命名方案,称之为URL(统一资源定位符)。URL提供了从Internet上访问资源的统一的方法和路径。通常URL一般由网络协议名、资源所在的主机名、网络服务器程序的端口号和资源本身的名称等4个部分组成。例如:http://www.xxx:8080.com/index.html,网络协议为:http,资源所在主机名:xxx,http服务器程序所用的网络端口号是:8080,资源名为:index.html.
    2、相对URL:一个相对的URL不包括协议和主机地址信息。表示它的路径与当前文档的访问协议和主机名相同,甚至有相同的目录路径。在这种情况下,一个完成的URL由基准URL和相对URL组合而成。
    3、为URL指定参数:通过URL地址向www服务器传递参数,每个参数由参数名和参数值组成。参数名与参数值之间用等号(=)分割,只有参数名,没有参数值的情况也是允许的,但参数名后面也要跟上“=”号。URL地址与参数之间用问号(?)分割,各参数之间用&分割。
    4、带有定位标记的URL:定义若干定位标记,每个定位标记都有一个名称,在URL地址后面跟一个“#”。
    5、URL编码:浏览器访问www服务器上的网页文件时,需要使用HTTP协议进行通信。在HTTP协议中,浏览器不能向服务器直接传递某些特殊字符,必须是这些字符进行URL编码之后再传递。URL编码遵循规则:a、将空格转换为加号(+)。b、在0-9、a-z、A-Z之间的字符保持不变,c、对于所有其他的字符,用这个字符的当前字符集编码在内存中的十六进制格式表示,并在每个十六进制字节前加上一个百分号(%)。
    6、mailto URL:在超链接中,有时候会使用到mailto协议的URL。如果想通过单击网页上的一个超链接,就能够启动用户计算机上的邮件发送程序,这个超链接就要指向mailto协议的URL地址。mailtoURL的格式如下:mailto:收件人的EMAIL地址,在地址后面,还可以使用?附带若干参数,有效的参数名为:subject、body、CC、BCC,为这些参数名指定的参数值,会分别填写邮件发送程序的对应栏目。

    1.6.2    <a = href ""></a>
    1、要创建超链接,首先需要在某个文本或图像的两端,分别方式<a href=""></a>中的起始和结束标签,还需要将该标签的href属性设置为访问者单击超链接文本或图像时,浏览器所要访问的Internet资源的URL。
    2、<a = href ""></a>还有一个target属性,此属性指明浏览器在哪个窗口或帧中显示超链接所指向的网页资源。

    1.6.3    a name="">
    1、<a name="">标签要结合<a = href ""></a>标签对使用才有效果,<a name="">标签用来在HTML文档中创建一个定位标记,属性name不可缺少,它的值也就是定位标记名。例如:<a name="标记1">第一部分。当源与目标是在同一网页中,href属性设置值中,指向网页自身的URL部分可以省略,但标记名前的"#"号是必不可少的。如果要让一个超链接指向当前网页文档自身,可以使用<a href="#">...</a>的格式,不能使用<a href="">...</a>的格式,后者表示指向当前网页所在目录的URL地址。

    1.7    图像标签
    1.7.1    <img>
    1、<img>标签有一个src属性,是必不可少的。它的设置值是图像文件的相对或绝对URL地址。除src属性之外,<img>标签还有alt、align、border、width和height属性。
    2、alt:属性指定当鼠标移动到图像时,图像上显示出提示文本。另外,当src属性指定的图像无法加载时,浏览器将在<img>标签处显示alt属性所设置的文本。    align:属性指定图像与它周围的文本的对齐方式,设置值可以是top、bottom、left、right等。    border:属性指定图像的边框宽度,设置值可以是大于或者等于0的整数,默认单位是像素。    width和height属性指定图像在浏览器中显示的宽度和高度,默认单位是像素。

    1.7.2    <hr>
    1、<hr>标签是在HTML文档中加入一条水平线,可以直接使用,    也可以设置size、color、width和noshade等属性。其中size是设置水平线的粗细,width设定宽度,默认是像素,color设定颜色,noshade属性不用赋值,而是直接加入标签中即可使用,它说明水平线显示时没有阴影。

    1.8    客户端图像地图
    1、图像热点映射:需要用<map name=mapname></map>标签对进行说明。其中name属性为该图像热点映射指定了一个名称,图像热点映射中的各个区域用嵌套在<map name=mapname></map>之中<area>标签说明,<area>标签的格式为:<area shape="形状" coords="坐标" href="url">
Open Toolbar