XHTML基础

原址：http://www.cnblogs.com/hellokitty1/p/3931663.html

 

一张    客户端网页编程简介
1.企业应用计算机的演变：主机/哑终端的集中计算模式（Mainframe/Terminal）  到   客户机/服务器计算模式（client/sever）   再到   浏览器/服务器计算模式（browser/sever）。
2.B/S结构Web应用程序工作原理:采用B/S计算模式开发的应用程序，我们一般称为Web应用程序。
3.Web应用程序的组成部分1：网页 : 网页的内容   网页的结构   网页的表现形式   网页的行为
4.Web应用程序的组成部分2：Web服务器
5.Web应用程序的组成部分3：Web浏览器
6.Web应用程序的组成部分4：HTTP协议   Web服务器和Web浏览器都讲同一种语言，叫做超文本传输协议HTTP（HyperText Transfer Protocol）。
     HTTP协议是一套规则和过程，它使计算机能够通过Web交换信息。有了HTTP协议，那么不管这些计算机在哪个地方，使用的是什么操作系统，运行的是什么Web服务器软件,使用的是什么浏览器产品，它们都可以通过HTTP相互通讯。
7.网页的分类:  静态网页    客户端动态网页     服务器端动态网页  
8.Web项目的分工 ：
9.客户端网页编程工具：Dreamweaver   WebStorm

 

第二章  XHTML基础（不要忘记结束标签）
1.<h1>-<h6>标签对标题(heading)定义，从<h1>至<h6>字的大小越来越小。eg:<h1>This is a heading</h1>
2.<p>标签对段落定义。eg:<p>This is a paragraph</p>
3.<a>标签进行链接。eg:<a href="链接的地址"/>This is a link</a>
4.<img>标签定义图像。eg:<img src="地址和名称"/>
5.<br/>定义换行。
6.<hr/>定义水平线。
7.<!-- -->注释，是会隐藏的。
8.<blockquote>用于引用文，本将段落进行缩进。
9.定义列表：a 有序列表<ol>                      b无序列表<ul>                    c定义列表<dl>
                         <li>编写文本</li>              <li>编写文本</li>               <dt>编写文本</dt>
                          <li>编写文本</li>                <li>编写文本</li>                <dd>编写文本</dd>
                       </ol>                             </ul>                             </dl>
10.<pre>定义预格式文本，pre可以使文本完全按照源文件中的编排格式。
11.<div>与css用于分区，分块。
12.<span>span可以用于指定文字的字体，颜色，下划线。
13.特殊的字符。&nbsp;空格，两个&nbsp;&nbsp;相当于一个字符。&lt;左尖括号或者小于号。&gt;右尖括号或者大于号。&copy;版权符号。&reg；已注册符号。
14.<table>，<tr>，<td>定义表格。
15.<caption>定义表格标题。<caption>Monthly savings</caption>
16.<th>定义表格列标题。
17.colspan,合并列。rowspan,合并行。
18."#",等网页。
19.<iframe>创建包含另一个文档的内联框架。
         <iframe.....name=.....>   name框架的名字，用来识别网页中插入其他的网页，将超级链接a标记的target属性设置为iframe的name的属性值。
            eg:<a href="地址"target="main">文字</a>
               <iframe.....name="main"></iframe>
20.块级元素（文本是换行的）：<div>,<blockquote>,<dl>,<ol>,<h1>-<h6>,<hr>,<p>,<pre>,<table>,<form>,<fieldset>.
21.内嵌元素（文本是不换行的）：<span>,<a>,<img>,<label>,<iframe>.

 

 

 第三章        XHTML表单
1.<form>供用户输入的表单，<form action="#" method="post/get" id=" " name="">......</form> action:规定当提交表单时，向何处发送表单数据。method:规定如何发送表单数据。
    post不显示路径 get显示路径。
2.文本框：type="text"            <input type="text" id=" " name=" "/>id:规定元素的唯一。 name：规定表单的名称。
3.口令输入框：type="password"    <input type="password" id=" " ( size="" maxlength="")/>
4.复选框：type="checkbox"        <input type="checkbox" id=" " name="" value=" "/> 每个选项的name属性使用相同的设置。
5.单选框：type="radio"           <input type="radio" id=" " name=" " value=""/>
6.隐藏字段:type="hidden"         <input type="hidden" id=" " name=" "/>
7.上传文件：type="file"          <input type="file" id=" " name=" "/>  指定<form>的enctype属性为multipart/form-data. method的属性为post.
8.下拉列表：  一个<select>元素来形容列表，多个<option>元素集合来识别列表选项。使用<select>元素的name属性给整个列表命名，使用每个<option>元素的value属性来给每个选项
   一个唯一的值。
                   <select id=" " name=" ">
                        <option value=" ">   当多选时要在<select>元素中加multiple属性。 
9.多行文本框：<textarea>         <textarea rows=" " cols=" "  id=" "  name=" "> rows行  cols列
10.提交和重置按钮：type="submit"   type="reset"  <input type="submit/reset" value="提交/重置"/>  
                             也可以用图形来做按钮  <input type="image" src=".." value="submit/reset"/>
11.命令按钮（普通按钮）：type="button" value=" ".
12.在文本框中加readonly 防止修改文本数据，disable 使输入控件不可用。
13.<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。<legend> 标签为 fieldset 元素定义标题。