HTML笔记
1、颜色体系(**)
颜色由红绿蓝三种颜色混合而成
三个在一起的灯泡，每一个灯泡的亮度0-255
红色： 红：255 绿：0 蓝：0
十六进制数：
0-255： 共256个数，2^8
0-ff: 共256个数
0123456789abcdef
颜色体系：#ff ff ff
红色： #ff0000
蓝色： #0000ff
绿色： #00ff00
2、文本标签(*)
h 表示标题 head 取值(1-6) 1号字最大
物理字体(不推荐使用,可以用css实现)
<b></b> boldface 加粗
<i></i> italic 意大利斜体
打字机字体
<u></u> underline 有下划线的字体
<sup></sup><sub><sub> 上标与下标 ps：我是<sup>上标</sup>与<sub>下标</sub><br />
<s></s> 删除线
逻辑字体
不添加标签
<code></code> 输入什么输出什么保留格式
<font></font> 对字体进行修饰
客户端字体
<font size="" face="" color="">文本</font>
size=数字 1-7
size=+数字 在当前大小上增加多少
3、格式标签(**)
<center></center> (不推荐使用)定义居中文本
<p></p> paragraph 段落
属性: align: left\\\\\\\\center\\\\\\\\right
HTML中可以不用写/结束标签的，但是XHTML一定要写，建议写
<br /> 换行符
<hr /> horizon row 分割线
常见属性 size 高度
width 宽度
align 规定hr元素的对齐方式(center\\\\\\\\right\\\\\\\\left)
noshade 规定hr元素的颜色呈现为纯色
color 颜色
<pre></pre> 预定义的文本 通常用来保存编程源码
4、特殊符号(*)
两种表达方式 $+字母 $#+ASCII
大于符号：$gt; greater than
小于符号：$lt; less than
连字符：$amp;
空格：$nbsp; not break space
表示注册：$reg;
表示商标：$copy;
表示商务：$trade;
5、图片(***)
语法：
<img src="URL"/>
常用属性：
src 来源、地址
title 标题
alt 图片没有加载出来，后显示
width 宽
height 高
如果设定宽高其中的一个，那么图片就会按照比例缩放
如果同时设置则是拉伸
border 边框
6、路径(****)
绝对路径：一条完整的地址
<img src="C:\\\\\\\\Users\\\\\\\\30643\\\\\\\\Pictures\\\\\\\\Saved Pictures\\\\\\\\石头剪刀布\\\\\\\\spirit.jpg"/>
相对路径：
当前文件夹：HTML文件与图片文件在同一个文件中，或是都在桌面
直接写文件名即可
或：./文件名 ./表示当前目录
子文件夹：图片文件夹在HTML文件的同级的文件夹中
文件名/图片名
父文件夹：图片文件夹在HTML文件的外面（HTML文件在桌面文件中，图片文件夹在桌面）
../图片名 ../表示父级目录
/ 和 \\\\\\\\区别
斜线/ 表示资源层次定位的分割符号
反斜线\\\\\\\\ 是windows独有的分割符号 （为了要和linux不一样）
7、超链接(***)
语法：
<a href="URL">显示的文字</a>
常用属性：
href = "协议" + "内容"
协议：
http://
javascript: js伪协议：点击时执行的是JavaScript的代码
mailto：邮件
文件路径：正常的路径
#锚： 跳到指定的页面位置 如：回到顶端
常用的href的值(总结)
href="http://地址"
href="#" 表示跳到页面顶端
跳到指定页面的指定地方
href="http://地址#锚"
name 名称
target _self 在原有的页面中打开新的页面
_blank 在一个新的页面中打开页面
8、body的常用属性(**)
text 表示默认文本的颜色
bgcolor 背景色 ps: bgcolor = "red"
link 默认标签的颜色
alink 点击标签是的颜色
vlink 点击后标签的颜色
9、列表(***)
无序列表(unorder list)
<ul type="circle\\\\\\\\disk\\\\\\\\square">
type:前面的黑点形状
<li></li>
</ul>
有序列表(order list)
<ol type="1、a、A、I">
<li></li>
</ol>
自定义列表(defining list)
<dl>
<dt>标题<dt>
<dd>数据<dd>
<dt>标题<dt>
<dd>数据<dd>
<dt>标题<dt>
<dd>数据<dd>
</dl>
10、表格(****)
语法：
<table>
<tr>
<td></td>
</tr>
</table>
table 表格
tr 行 table row
td 单元格 table data
写表格口诀：
行为真列为假
数清行数和列数
行用tr，列编号
跨行跨列用span
常用属性：
table
width 宽
height 高
cellspacing 单元格与单元格之间的距离
cellpadding 单元格内容与单元格边框之间的距离
td
width 宽
height 高
colspan 跨列
rowspan 跨行
bgcolor 背景色
bordercolor 边框的颜色
align： left center right 对齐方式(不推荐使用,用css)
valign(vertical 垂直)：top middle bottom
具体关系看（C:\\\\\\\\Users\\\\\\\\apple\\\\\\\\Desktop\\\\\\\\HTML\\\\\\\\align与valign.png）
ps：表格的完整语法
<table>
<caption>标题 对表格进行描述</caption>
<thead>
<th>标题</th>
<th>标题</th>
<th>标题</th>
</thead>
<tbody>内容
<tr>
<td></td>
</tr>
</tbody>
<tfoot>
脚注
</tfoot>
</table>
11、表单(****)
作用：表单就是将我们填入网站中的数据提交给服务器
凡是要提交的东西，都应该放在一对form标签中
在需要提交数据的时候，都应该要有name和value两个属性
value属性类似与winform中的text属性
语法：
常用属性：
action 提交的目标地址
method 提交的方式：get方式(默认)与post方式
get表示用URL传递参数
登陆时会在地址栏提交账号和密码(密码不能用get提交——安全性问题)
post表示用报文传递参数
登陆时信息不会显示在地址栏中而是要从NetWork(浏览器F12)中的监视查看， 也不安全，所以关于银行淘宝要下载插件，就是要跳过报文，做自己的专用通道
enctype 文件上传 会在ASP.NET中讲
表单元素的基本格式：
<input name="表单元素的名称" type="类型" value="值" size="显示宽度"
maxlenght="最大长度" checked="是否选中"/>
前三个是必备的
并不是所有的表单元素都是使用<input />也有别的 如：select列表
表单——文本标签：
text 文本框
属性：size、mexlength、readonly
password 密码框
hidden 隐藏域
其中隐藏域是用来存数据的，ps：进入一个页面（当当网）点击主页要先登陆，
后才返回主页，点击订单也是一样
补充：
文本域：
语法：
文本域中所有的数据都会原样输出，空格也是
——按钮标签
reset 重置 将表单中所有的文本框清空
submit 提交 若form的action有值就按该地址为目的地
button 自定义按钮
img 图片按钮
——选框标签
radio 单选框 单选
checkbox 复选框 可以都选
checked 表示默认选中
ps:
label标签
语法：
作用：可以辅助radio、checkbox使得点击文本时选框标签被选中
例：<input type="radio" name="sex" value="m" id="rsm" />男
——文件标签
file 文件
IE：可以打开文件的路径
CHrome：只能显示文件名和扩展名(Firefox也是)
——列表标签
作用：
对应Winform中的以下两种控件
ComboBox 下拉列表
ListBox 滚动条列表
在HTML都是用select标签来实现
语法：
<select>
</select>
常用属性：
size="数字" 值大于1就会成为ListBox
name与value：name写在select标签中，value写在option标签中
属于ListBox列表框时，可以多选 multiple="multiple"
selected="selected" 默认选中
12、分区标签(*****)
作用：用来圈定内容
div 块级(默认行间标签) 占满一行
span 行级(默认行内标签) 不会有其他多余的占位
就是为了将元素包含起来，用css做样式控制，可以认为是容器标签
13、mate(*)
想深入了解看《HTML和XHTML权威指南》
用法1：来说明页面
用法2：模拟http 来实现一些简单的网页功能(不过后面都用js来代替)
charset="utf-8"指定编码的字体
14、帧标签(**)
作用：将页面分块布局
要将原有的html掉，直接写下列代码就可以用了
可以将页面分成两块，一块是目录，一块是内容
将页面分成了4块，可以通过的src来设置他们
可以分别加载4个不同的页面
内联框架：
在body中直接添加就行了，可以用来加载另一个页面
ps: (***)
在浏览器中标准很多
为了让浏览器解析的标准尽可能一样，一般在html页面开始的时候要
加上文档类型的说明
常用的有三种
HTML 4.0
XHTML 1.0
HTML5
