第一张 客户端网页编程简介
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.特殊的字符。 空格,两个 相当于一个字符。<左尖括号或者小于号。>右尖括号或者大于号。©版权符号。®;已注册符号。
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 元素定义标题。
相关文章
- 08-16高数基础_第3节_导数
- 08-16大数据基础之Spark
- 08-16今天面了个腾讯拿25K出来的,让我见识到了测试基础的天花板...
- 08-16东华OJ基础题80 平均分
- 08-16牛客寒假算法基础集训营3 B. 处女座的比赛资格(DAG上拓扑排序)
- 08-16python基础学习(二)--函数
- 08-16Admob与Audience Network通用的基础广告政策
- 08-16Vue基础(组件通信)
- 08-16react 基础 (三)
- 08-16C++程序设计基础(5)sizeof的使用