html
软件的结构:
C/S(Client Server)结构的软件:
比如: QQ、 极品飞车、 飞信 、 迅雷
cs结构的软件的缺点:更新的时候需要用户下载更新包然后再安装,程序员则需要开发客户端与服务端。
cs结构软件的优点: 减轻服务端的压力,而且可以大量保存数据在客户端。
B/S(Browser Server)结构的软件:
比如: 微博 、 webQQ 、 web飞信、 web迅雷
优点:软件版本升级的时候不需要用户下载更新包,直接更新服务器的程序即可。程序员则只需要开发服务端而已。
缺点:增加了服务端的压力,bs结构的软件不能保存大量的 数据在用户机上。
网站的类别:
静态网站: 静态网页中的数据都是写死的,如果需要修改网页的内容是需要直接修改网页的代码。 是没有数据库提供数据给它。
动态网站: 动态网站的数据是来自于数据库的,背后是有一个后台程序管理页面中数据的。
html 语言就是开发网页的基础语言:
html(超文本标记语言)
标记 : 该门语言是有标签来构成的。 学习html不用怎么去理解,只要需要记住标签的作用即可。
html语言的特点:
1. html语言是与平台无关的,任何平台只需要安装了浏览器都可以运行。
2.html 是不区分大小写的。
html语言的结构:
html语言的根标签.
网页的头信息
头信息的作用:1.可以设置网页的标题
2.可以通知浏览器使用指定的编码解释html页面:例如
<meta http---equiv="content-type" context="text/html; charset=utf-8" />
这句话的意思是:这个标签描述了我这个网页内容,我的网页内容啊只不过是文本形式存在的html页面,这些信息用UTF-8格式打开。
3 一个网页的关键字最好是3-4个,seo(搜索引擎优化);
.<meta name="keywords" content="java培训,php培训, c#培训"/>
html标签最上面的内容是文档声明部分,不用管它,用来约束的
网页的体部分
html的注释:<!-- 注释的内容 -->
------------------------------------------------------------------------------------------------------------------------
html常用的标签:
<h1> <h6>表示是一个标题
<p>段落标签
<hr/>水平线标签
<br/>换行标签
<sub>下标
<sup>上标
<pre>原样标签: 原样标签会保留空格和换行符。
<ol> <li>有序的列表标签、
<ul> <li>无序的列表标签。
项目列表标签(dl dt dd)
行内标签(span)
块标签 div标签的内容会独立占一行。
html的标签作用:用于描述一个网页的结构的。如果需要操作数据的样式:通过标签的属性操作的。
标签的类型: 1. 有开始标签与结束标签。<p></p>需要把网页的数据内容封装到标签中。
2. 开始标签与结束标签都是在一个标签体内的。 比如:<hr/>功能单一不需要封装数据到标签中。
今晚吃啥好呢?
<ol type = "a">
<li>火锅</li>
<li>烤鸭</li>
<li>烤鱼</li>
</ol>
中午吃啥好呢?
<ul type ="square">
<li>木桶饭<li>
<li>猪脚饭</li>
<li>白切鸡</li>
</ul>
--------------------------------------------------------------------------------------------------------------------------
为什么要学实体标签:
因为> < 等一些符号在html页面中是有着特殊含义,这些字符如果需要在页面中显示,这时候就应该使用实体标签。
常用的实体字符:
空格
小于号
大于号 <
-----------------------------
人民币 ¥;¥
版权 ©
商标 ®
-------------------------------------------------------------------------------------------------------------------------
媒体标签:
<embed></embed>
hidden:设置隐藏插件是否隐藏
src:用于指定音乐的路径
<embed src ="1.mp3"></embed>
<marquee>飘动标签
direction:指定飘动的方向
scrollamount:指定飘动的速度
loop:指定飘动的次数
-----------------------------------------------------------------------------------------------------------------------
<a>超链接标签
a标签常用的属性:
href : 用于指定链接的资源
target: 设置打开新资源的目标。
_Blank 在独立的窗口上打开新资源
_self 在当前窗口打开新资源
file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。
格式:
file:\\\f:\美女\1.jpg
a标签的原理:
1. a标签的href属性值如果是以http开头的,那么浏览器会马上启动http解释器去解释该网址,首先 会在本地机器去找一个hosts文件, 如果在hosts文件上该域名没有对应的主机,那么浏览器就去到对应的 dns服务器去寻找该域名对应的主机号。如果找到了对应的主机,那么该请求就会发给对应的主机。 2. 如果a标签的href属性值没有以任何协议开头,那么浏览就会启动file协议解释器去解释该资源路径。 3. 如果a标签的href属性值并不是以http开始,而且其他 的一些协议,那么这时候浏览器就回去到我们本地的注册 表中去查找是否有处理这种协议 的应用程序,如果有,那么马上启动该应用程序处理该协议。 邮件 的协议: mailTo迅雷的协议: thunder 超链接标签的作用: 1. 可以用于链接资源。 2. 锚点点位. 1. 首先编写一个锚点 锚点的格式:数据2. 使用a标签 的herf
<table>表格标签
表格中使用的标签
<table>表格
<tr>行
<td>单元格
<th>表头 默认的样式是居中,加粗。
<caption >表格的标题
表格常用的属性:
border 设置表格的边框
width : 设置表格的宽度
height: 设置表格的高度的。
colspan: 设置单元格占据指定的列数。
rowspan : 设置单元格占据指定的行数。
---------------------------------------------------------------------------------------
表单标签: 表单标签的作用是用于提交数据给服务器的。
表单标签的根标签是标签
常用的属性:
action: 该属性是用于指定提交数据的地址。
method: 指定表单的提交方式。
get : 默认使用的提交方式。 提交的数据会显示在地址栏上。
post : 提交的数据不会显示在地址栏上。
注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值。
// 文本输入框 type=“”text“”;
<input name="userName" type="password"> 密码
单选框 checked=true type= radio
下拉框<select name = "city">
<option value="BJ">BJ</option>
<option value ="SH">SH</option>
复选框 《复选框name的属性值要一致》
type= checkbox
文本域:个人简介
《textarea name=“”“dsf” rows="10", cols="30"》</textarea>
sumbie 提交 reset 重置
属性连接到锚点出。 href=”#锚点的名字“