Html基础加强

网站页面分为静态页面和动态页面两种

1.静态页面:有一个html页面文件保存在服务器上,浏览器要这个页面的时候服务器就把这个页面文件发给浏览器;

2.动态页面:服务器上没有浏览者要看的页面,而是服务器动态生成的Html页面发给浏览器,动态于洋的服务端可以用c#,vb.net,php,java,c等编写

 

编写普通的Html页面是和任何后台语言无关的

 

Html页结构说明

所有内容都在<html></html>标签之内;<head></head>内放的是头部信息,是对页面的描述,不会直接显示在页面中,<head>内的<title>中设置的是页面的标题,<title>只能放在<head>中;<body>是页面的主题,大部分显示内容都定义在这里。

所有页面都应该至少包含这些部分,由于浏览器容错性强,所以即使不包含也能正常显示,但是最好还是写完全了。

 

颜色体系

body标签的bgcolor属性可以设定网页的背景颜色,<body bgcolor="#006699"

#006699就是Html中表示颜色的方式,没两个是一组,三组分别表示R,G,B的值,是16进制表示。

 

Html和XML的联系、区别

属性值:Html中属性值即可以用单引号括起来、也可以用双引号括起来、甚至不用引号都可以(不推荐),单双要配对

注释:Html使用和XML一样的<!--注释内容-->来做注释。

特殊字符:Html中<、>是有特殊含义的、空格是不会被显示的,所以需要特殊符号,相当于c#中的“\n”转义符。&lt;(小于号,less than);&gt;(大于号,greater than);&nbsp;(空格,no-break space)

格式标签:<p></p>创建段落;<br/>回车,也可以写成<br>,在Html中有一些标签可以不用关闭,<br>就是一个,这是和XML不同的地方,但是为了遵循XHTML规范,推荐像XML一样严格关闭

 

文字格式

<br/>只是回车,<p>是分段。<p>前后会有比较大的空白,而<br/>则没有。

<center>博客园</center>居中显示

h标签,Html定义了<h1></h1>到<h6></h6>六个h标签,分别表示不同大小的字体。

<b>a</b>粗体

<font></font>字体标签,<font color="red">红色</font><font size="30" color="red">红色,字体30</font>

URL、超链接

URL:URL表示资源在网络中的地址,比如:

http://127.0.0.1/index.htmlftp://192.168.1.111/b.zip。还有URI的概念,比URL大,有的类中使用URI这种说法,可以暂时堪称和URL一样就行。

超链接:

<a href="http://www.baidu.com">百度</a>

<a>中还可以嵌套图片,这样就是点击图片代开链接

<a href="http://www.baidu.com"><img src="bg.jpg"/></a>

超链接深入

相对URL:相对URL表示相对于当前文档的资源, “/”表示网站根目录,"../"表示父目录,"../../"表示父目录的父目录,"./"或者不写任何斜线表示相对于当前路径的目录。站内引用最好用相对URL,这样域名改变了,目录改变了都不受影响

将<a>的target属性设定为“_blank”就可以在新窗口打开超链接

用name属性为<a>起名字:<a name="Last">最后</a>。这样可以通过<a href="#Last">转到平台</a>来跳转到超链接的部分

 

图片

<img src="a.jpg"/>注意图片是链接的,不是插入的,所以如果src指向的文件不存在了,就看不了了。alt属性为图片无法显示是的显示文本,鼠标方式也会有悬浮提示“点击查看大图”;

border属性制定边框,border="0"不显示边框;width,height属性指定图片的显示大小,如果不指定则是图片的原始大小

最好指定width,height,哪怕是原始尺寸大小,因为如果不指定大小,图片会不占位置,图片下载后才调整大小,会造成页面很乱

如果网页上要显示小图(比如缩略图),不要仅仅是把大图设定一下width、height来缩小,因为仍然会下载大图,会使得加载速度很慢。

 

列表、表格

列表:

<OL>称为有序清单标记。定义一个有序列表,其中可以包含一个或者多个<li>标记来定义实际的列表项。
<UL>称为无序清单标记。定义一个无序列表,同样可以包含一个或者多个<li>标记来定义实际的列表项。
<LI>则用以标示清单项目。

 

表格

<table></table>为表格,在内部通过<tr>创建行,<tr>内部功过<td>创建单元格。可以将Table的border属性设为0来隐藏表格线。

<tr>的属性:align,水平对齐,可选值:left,right,center;valign,垂直对齐,可选值top,middle,bottom

<td>也有align和valign

<tr align="right"><td>tom</td><td align="left">20<td>男</td></tr>:子标签默认继承父标签的属性,如果自己单独指定了属性,则会覆盖父标签的属性。

还可以使用rowspan,colspan进行单元格的合并

表头的td可以用th代替,这样就会表头粗体,居中显示。

建议将表头用<thead>代替<tr>

posted @ 2011-12-15 12:16  zyswtwang  阅读(325)  评论(0编辑  收藏  举报