HTML小结

C/S B/S

C/S架构：客户端服务器 需要安装，偶尔更新，不跨平台，适合大型专业应用，安全性要求较高

B/S架构：浏览器服务器 不需要安装，无需更新，可跨平台

标签

标签属性重复值不同时，取第一个！！

<h1-h6>标签不能嵌套，<p>标签里面不能有<h1-h6>、<p>、<div>

块级元素和行内元素

块级元素：独占一行

行内元素：不独占一行 ，如input、span

块元素中能写行内元素、块元素、几乎什么都能写

行内元素中能写行内元素，但是不能写块元素 

相对路径和绝对路径

相对路径（相对于当前位置）

./当前位置

../上一级

/下一级

绝对路径（本地绝对路径、网络绝对路径）

本地绝对路径：从盘符开始

网络绝对路径：网址需要是图片 

超链接(行标签)

<a target> target=_self/_blank 指定是在原页签中打开还是新页签打开

<a href='./resource/1.mp4 download'>强制下载，不加download 播放

跳转锚点

一：a+name

<a href="#htl">看。。</a>

<a name= "htl"></a>

二：id

<a href="#atm">看。。</a>

<p id="atm"></p>

<a href="#">回到顶部</a> <a href="">刷新页面</a>

也可唤起指定应用

<a href="mailto:.xxx.@qq.com">发送邮件

pre标签

<pre>按原文显示，代码里啥样呈现出来就啥样~</pre>

表单

文本输入框

<form action="后端地址" target="_blank（新标签）" method="get/post"> </form>

<input type="text" name="account" value（表单中默认值）="zhangsan" maxlength="10"（最大长度）>

<input type="text" disabled name="account" value（表单中默认值）="zhangsan" maxlength="10"（最大长度）>//加入disabled属性，同单选框 textarea 多选框 下拉列表 input就不能改了

单选框

<input type="radio" >男

<input type="radio" >女 此时选择了男，还可以选女，解决办法：加name属性，将两个按钮划分为一组。

<input type="radio" name="gender" value="male"（必须有value 传值用）checked(默认选中)>男

<input type="radio" name="gender" value="female">女

多选框（复选按钮）

<input type="checkbox" name="hobby" value="smoke" checked>抽烟

<input type="checkbox" name="hobby" value="drink">喝酒

<input type="checkbox" name="hobby" value="perm">烫头

隐藏域

<input type="hidden" name="tag" value="123">//用户看不到，但是可以传值,防止批量注册

确认按钮  //不能有name属性

<button></button>

<input type="submit" value="确认">

重置按钮

<button type="reset"></button>

<input type="reset" value="重置">

普通按钮

<button type="button"></button>

文本域

<textarea name="other" cols="30" rows="10"></textarea>

下拉框

<select name="place">

<option value="xx" slected>xx</option>//默认选中

<option value="xx">xx</option>

<option value="xx">xx</option>

</select>

label标签

 <label for="zhanghu">账户:</label>

<input type="text" id="zhanghu" name="account" value="zhangsan" maxlength="10">

for属性和id属性关联，实现点击“账户：”文本框获取焦点，即文字和文本框关联

 <label>账户:<input type="text" id="zhanghu" name="account" value="zhangsan" maxlength="10"></label>

fieldset和legent

fieldset可以为表单控件分组，legent标签是分组的标题

框架标签 

<iframe>框架，在网页中嵌入其他文件，不是块元素

<iframe src="" width="" height=""></iframe>

HTML中常见的字符实体

& &amp;

< &lt;

> &gt;

© &copy;

× &times;

÷ &devide;

HTML全局属性

id:给标签指定唯一标识，id不能重复

class：给标签指定类名，随后通过CSS给标签设定样式

style：给标签设置CSS样式

dir: 内容的方向，值ltr、rtl

title:给标签设置一个文字提示，一般超链接和图片用的多

lang:给标签指定语言

<meta>元信息

网页基本信息

字符编码 兼容性 移动端配置 配置网页关键字 配置网页描述信息  针对搜索引擎爬虫设置 王爷作者 生成工具 版权信息 配置网页  自动刷新

<meta http-equiv="refresh" content="3" url="xx"> 3秒后跳到xx网页，不加url，自动刷新