HTML与XHTML

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

前期策划,

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

后期维护

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

结构化标准语言:XHTMLXML

表现标准语言:CSS

行为标准主要包括对象模型(如W 3C 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=”form 1”  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属性 指定内容的语言

你可能感兴趣的:(XHTML)