time 
设为首页】【收藏本站
当前位置: 主页 > WEB教程 > XHTML教程 > HTML与XHTML

HTML与XHTML

时间:2010-05-09 23:11 点击:1158次 字体:[ ]




1.       网站开发的基本流程:

前期策划,

页面细化及实施:页面美工设计,静态页面制作,程序开发

后期维护

2.       网页的组成:结构(Structure),表现(Presentation),行为(Behavior) 与之对应的标准:

结构化标准语言:XHTMLXML

表现标准语言:CSS

行为标准主要包括对象模型(如W3C DOM)、ECMAScript(Javascript)

 

内容是基础,然后附加结构和表现最后添加行为。

3 .  XHTML

       标签必须为小写

       XTHML的出现主要作用是为了HTML 过度到 XML 的一个桥梁

3.       HTML的固定格式

<html>
<head>
<title></title>
</head>
<body></body>
</html>

 

 

 

 

4.       HTML标签:

 

(1.)  标题(Headings): <h1><h6>

(2.)  段落 (Paragraphs)XTHML不允许无结束标签,HTML允许但不推荐。

(3.)  换行标签:<br><br/> 最好使用后者,为了XHTML过度

(4.)  链接(Links):<a href=””> 需要链接的内容 </a>

Target (目标) 先设置锚点(需要跳转到的那个位置)

<a name=”buttom”>页面底部</a>

设置链接 <a href=”#button”>页面底层</a> 链接中加“#

href=”#button” 就指向了name=”buttom”这个位置 也就可以

链接到该处。

5.)列表(Lists):

无序列表(Unordered Lists) 标签是

<ul>

<li></li>

<li></li>

<li></li>

…..

</ul>

有序列表(Ordered Lists) 标签是

<ol>

<li></li>

<li></li>

<li></li>

</ol>

释义列表(Definition Lists)

<dl>

         <dt></dt>

<dt></dt>

<dt></dt>

        

</dl>

6.)图片(Images):<img src=”图片路径” alt=”提示文字”></img>

7.)表格(Tables):<table> <tr><th>(单元格的表格头)<td>

8.)层(div 定位标记)<div></div>

9.)范围(span)<span></span> 一般应用在行内

10.)框架(Frames)

<frameset row=”80,*”>  

<frame src=”指向在此窗口打开的HTML页面” name=”框架的名称”><frame> 

</frameset>

<noframes>  

<body>抱歉,你使用的浏览器不支持框架功能!</body> 

</noframes>

11.)表单

<form method=”post/get” name=”form1”  action=””>

</form>

12.)注释

<!--  这是注释的内容 -->

 

5.       升级到XHTML

(1.)  XHTML 是基于 HTML的,它是更加严密和代码更加整洁的HTML

(2.)  定义DTD文档类型:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <!—-这里就是文档类型 -->
<html xmlns="http://www.w3.org/1999/xhtml"><!— Namespase命名空间 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!—定义编码-->
<title>无标题文档</title>
</head>

<body>
</body>

</html>

 

 

 

 

(3.)  XHTML注意事项:

 

元素一定要被正确的嵌套

一定要有正确的组织结构(比如html基本结构、有序和无序)

标签和属性一定要小写

元素一定要有关闭

属性不允许简写(如:html允许chechedHHTML 只能使用 checked=”checked”

使用id替代name属性

Lang属性 指定内容的语言



本文地址 : http://www.fengfly.com/plus/view-175105-1.html
标签: html xhtml
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码: