http:超文本传输协议。
Html: 超文本标记语言,利用标记和子标记的方式描述网页元素。
XML:可扩展标记语言
企业应用计算模式:
1. 主机/哑终端(Mainframe/Terminal)。由主机承担所有的计算任务,哑终端只负责数据的录入和结果的显示。(如收银机)
2. 客户端/服务器计算模式简称C/S(Client/Server)。客户机是一套独立系统,会承担一部分计算功能,服务器主要作为数据的提供,也承担一部分计算功能。缺点是维护麻烦,一旦系统需要升级,每个客户端都需要更新。(如QQ和不少网游)
3. 浏览器/服务器计算模式,简称B/S(Browser/Server)。客户端固定是浏览器,所以客户端无需维护,同时浏览器会承担显示和部分计算功能。服务器作为浏览器显示数据的提供者,承担大部分计算功能。一旦系统需要升级,只需要维护服务器就可以了。
基于B/S结构开发的应用程序,称为WEB应用程序。
一个完整的web应用程序分为四部分:
Web服务器:接受客户端的请求,根据客户端请求,返回结果。
Web浏览器:允许客户端请求服务器的某个资源,并显示由服务器返回的结果。
http协议:客户端和服务器通信所用的协议。
html网页:告诉浏览器如何向用户显示结果。
GBK
GB2312
UTF-8
<head>
<title>学习网页</title>
<!-- 设置网页的编码集 -->
<meta charset="utf-8">
</head>
正文标题有6个h1-h6 字体从大到小
<h1>标题</h1>
段落
<p></p>
换行标签<br>或<br/> 和段落标记比 换行间隔小
引用文本,将段落缩进,与周围区分开
<blockquote>< /blockquote >
预编派元素pre可以让里面的内容按输入的情况输出(不使用的时候,很多空格不会显示)
<pre></pre>
分区快
<div style="border:1px solidred;width: 100px;height: 100px">
分区快
</div>
特殊符号:
空格 空格
小于符号<
大于符号>
版权符号©
&符号&
已注册符号®
长破折号—
同一个目录的网页跳转,可以直接写文件名
<ahref="WebStudyDay1.html">跳转页面</a>
需要跳转本网页同目录中文件夹中的网页需要加上文件夹名
<a href="mm/TestB.html">跳转不同目录页面</a>
<!--。。/跳转当前页的上一级目录-->
<a href="../Testb.html">跳转BB</a>
返回上级目录下在进入mm子文件夹进入ts子文件夹的testC网页
<ahref="../mm/ts/TestC.html">跳转TestC</a>
相对锚点跳转到这个位置
<a name=”China”></a>
<ahref="../WebStudyDay1.html#China">跳转主页面</a>
显示图片
<img src=””> </img>
显示FLASH
<object type="application/x-shockwave-flash"data="image/car.swf" width="800" height="500"></object>
表格
<!--表格 width="30%"表示表格占窗体的百分之多少。cellspacing="0"表示边框为细边框-->
<table border="1"width="30%" cellspacing="0">
<!-- col width="100px" 表示单独每一列的宽度-->
<!--表头th表示单元格以粗体显示-->
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>工资</th>
</tr>
</thead>
<!--表格数据-->
<tbody>
<tr><td>张三</td><td>22</td><td>5000</td></tr>
<tr><td>李四</td><td>45</td><td>10000</td></tr>
</tbody>
</table>
<br>
<br>
<br>
<table border="1"cellspacing="0" width="50%">
<thead>
<tr><th colspan="3">初一</th><thcolspan="3">初二</th></tr>
</thead>
<tbody>
<tr><td>语文</td><td>数学</td><td>英语</td><td>语文</td><td>数学</td><td>英语</td></tr>
<tr><td>语文</td><td>数学</td><td>英语</td><td>语文</td><td>数学</td><td>英语</td></tr>
</tbody>
</table>
<br>
<br>
<br>
<table border="1"cellspacing="2" width="50%">
<tr><td rowspan="2">张三</td><td>语文80分</td></tr>
<tr><td>数学90分</td></tr>
<tr><td rowspan="2">张三</td><td>语文80分</td></tr>
<tr><td>数学90分</td></tr>
用iframe实现框架结构
<iframe src=”url” width=”x” height=”y”>
块级元素要换行,内嵌元素不换行
XHTML元素分为块级元素和内嵌元素两种类型,二者的不同之处在于块级元素定义的文本是换行的,而内嵌元素定义的文本是不换行的。
常见的块级元素:div、blockquote、列表元素(ol,ul,dl)、fieldset、form、h1-h6、hr、p、pre、table等
内嵌元素:span、a、img、label、所有的表单输入袁术、iframe、object等
在没有后面我们要学到的CSS指定元素的位置高度宽度情况下,浏览器按照默认的文本流输出规则,在浏览器窗口中输入HTML元素即:
1 如果是内嵌元素,下一个元素就是显示在该元素同一行上的后续位置
2 如果是块级元素,下一个元素就在浏览器下一行显示
3 元素中的文本按照元素的级别,浏览器使用不同大小的默认字体表示(如h1-h6)
在html中,name属性和id属性的区别
1. id属性网页元素在网页中的唯一标识,不能重复。Name属性是描述提交给服务器表单数据的名称,可以重复。如果两个文本框name属性一样,那么提交时会出现两个同名的键值对。
2. id属性可以用于网页的任何元素,但name属性一般用于表单元素。
3. id属性的值不会提交给服务器处理,但是那么属性的值会随着表单提交给服务器处理。
Disabled和readonly的区别
1. ReadOnly表示只读,也就是文本框内容不可以改变,所以该属性只能用于文本框。而disabled表示不可用,可以用于任何网页元素。元素加上disabled之后,内容不能改变,同时不能响应事件。
2. 表单元素加上readonly,表单值还是可以提交服务器,但是表单元素加上disabled表单值就不能提交服务器了。