目录
1.应用软件：
C/S架构是指客户端/服务器架构，应用程序分为客户端和服务器两部分，客户端在本地运行，向服务器请求数据和服务，服务器处理请求并返回结果。
B/S架构是指浏览器/服务器架构，应用程序部署在服务器上，用户通过浏览器访问应用程序，服务器处理请求并返回结果。
2.html——超文本标记语言
html骨架
<html>
<head> </head>
<body> </body>
</html>
常见标签（可以嵌套）
<strong>***</strong>；<b>***</b>加粗标签
<em>***</em>;<i>***</i>倾斜标签
<del>***</del>;<s>***</s>删除线标签
<ins>***</ins>;<u>***</u>下划线（部分）
<marquee>***</marquee>滑动标签
<!--***-->(ctrl+/)注释标签
<title>***</title>网页名
<h1>***</h1>小标题插件（1~6字体越来越小）
<p>***</p>段落标签
无语义标签
<div>***</div>可放任意标签，图片，链接，独占一行
<span>***</span>容量小，不独占一行
单标签
<br />换行标签
<hr />水平下划线
属性
如果属性名和属性值相同则只写属性名
属性名=“属性值”（不同标签的属性也不一样）
<marquee loop="1"> ***</marquee> 循环一次
<meta charset="UTF-8"> 字符为utf-8：浏览器默认；
<html lang="en">语言为英文
图片标签
<img src="地址" alt="***" title="***" border="***" width="***" height="***"></img>
scr:图片地址。
地址：
相对路径：相对html的位置。..返回上一级；/下一级。
绝对路径：相对电脑上的路径，网络上的绝对路径。
alt：地址错误时会出现的提示词。
title：鼠标经过图片显示的文字。
border：边框。
width：宽度。
height：高度。
视频标签
<video src="地址" controls muted loop poster="地址" autoplay> </video>
scr:视频地址。
controls：显示进度条。
muted：静音播放。
loop：循环。
poster：等待加载图片。
autoplay：自动播放。
音频标签
<audio srcc="地址" controls autoplay> </audio>
scr:音频地址。
controls：显示进度条。
loop：循环。
autoplay：自动播放。
链接标签
<a href="地址" target="_blank">***</a>
href:链接地址。
target：打开方式："_self"默认，在本身界面打开；
"_blank"新窗口打开。
***：网页上出现的导向词，可添加图片。
锚链接
<a herf="#one">***</a>
<div id="one">***</div>
one:独一无二
列表
有序列表
<ol type="*">
<li> </li>
<li> </li>
</ol>
*:默认1，2，3；也可A/a。
无序列表
<ul>(默认小黑圆点）[<ul type="circle">空心圆]
<li> </li>
<li> </li>
</ul>
自定义列表
自定义列表以 <dl> 标签开始，每个自定义列表项以 <dt> 开始，每个自定义列表项的描述以 <dd> 开始。
<dl>：definition list的缩写，表示定义列表。<dl></dl>里面只能包含<dt>和<dd>。
<dt>：定义标题。<dt>和<dd>个数没有限制，通常是一个<dt>对应多个<dd>。
<dd>：definition description 的缩写，定义描述。定义描述一般是对定义标题的解释说明；但是自定义列表没有前缀，但有缩进。
iframe框架
<iframe src="地址" width="***" height="***">
</iframe>
(1).与超链接target配合使用；（2）与表单target配合使用
特殊符号
  空格 ° 摄氏度
> 大于号 < 小于号
元素显示模式
1.块元素：独占一行；宽高内外边距可以设置。（div）
2.行内元素：一行可以存在多个；宽高内外边距不可以设置。（span）
3.行内块元素：一行可以存在多个；宽高内外边距可以设置。
表格标签
<table>
<caption>表头</caption>
<thead>
<tr>
<th>**</th> th可以加粗
<th>**</th>
</tr>
</thead>
<tbody>
<tr> tr指行
<td>**</td> td指对应行的列
<td>**</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>**</td>
<td>**</td>
</tr>
</tfoot>
</table>
表格标签属性
<table border="10px" width="90px" height="400px" cellspacing="0">
border:只控制最大外围大小，相当于加边框
width：宽（整个表格都改变）
height：高（只改变tbody）table里height是tbody中height的最低值
cellspacing：单元格之间的距离
<thead height=""200px align="center" valign="middle">
height：高
align:字体水平居中
valign：字体垂直居中（top 居上 bottom居下）
<tbody height="600px" align="center" valign="top">
height：高
align:字体水平居中
valign：字体垂直居中（top 居上 bottom居下）
tfoot tr 同tbody，thead用法一样
单元格合并
<td rowspan="2"> 数字代表从当前行/列开始到第几行结束
合并同一列的单元格
<td colspan="5">
合并同一行的单元格
网页标签
<details>
<summary>****</summary>
</details>
details:内容（标签详情）
summary：小标题（标签名字）
焦点
tabindex让本身不能获得tab获得焦点的
<input type="text"> input本身可获焦点
<div tabindex="0">
0：按位置顺序tab
tabindex数值：正数：相对顺序按照tabindex 的数值递增而滞后获焦
负数：表示元素是可聚焦的，但是不能通过键盘导航来访问到该元素
表单
网页交互区，收集用户信息
表单的基本结构
<body>
<from action="地址">
<input type="text" name="wd">
<button>提示</button>
</body>
action:将数据交给谁处理
name：输出的名字 必有属性
button：确认按钮
常见的表单元素
<from action="地址">
文本框
<input type="text" name="user" value="***">
type:文件格式
name：必有元素
value：默认值(输出值)
密码框
<input type="password" name="pwd">
单选框
<input type="radio" name="gander" value="nan">男</input>
<input type="radio" name="gander" value="nv">女</input>
gander:申明两个为一组
多选框
<input type="checkbox" name="food">A</input>
<input type="checkbox" name="food">B</input>
<input type="checkbox" name="food" checked>C</input>
checked:默认选中
隐藏框
<input type="hidden" name="hid" value="abc">
确认按钮
<input type="submit">
<button type="submit"></button>
重置按钮
<input type="reset">全部重置
普通按钮
<input type="button">(无语义）
文本域
<textarea cols="20" rows="10">
下拉菜单
<select name="abc" id=" ">
<option value="A">A</option>
<option value="B">B</option>
<option value="C"C</option>
<option value="D">D</option>
</select>
扩大选中标签（label标签）
<input type="checkbox" name="food" id="A">
<label for="A">A</label>
html全局属性
1 <div id="one"></div>
id身份证号，在一个页面只能出现一次
2 <div class="pink">***</div>
class一类，可多次出现
3 accesskey 设置快捷键
<from action="#">
<input type="text" name="a" id="*">
<button accesskey="s">提交</button>
</from>
扫一扫
511
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
