XHTML基础

2018-06-24 00:28:04来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

原址: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 元素定义标题。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:使用CSS3制作导航条和毛玻璃效果

下一篇:垂直水平居中