文章目录
html
说明：
1）标题加了0表示有需要注意的点
2）【】表示需要注意
3）删除线表示已经解决
4）下文是一些容易忘记点的，其他常用内容未描写
一、文本标签
| 文本标签 | 格式 （2表示双标签） |
|---|---|
| 加粗 | <strong>2、<b>2 |
| 斜体 | <em>2、<i> 2 |
| 普通文本 | <font>2，便于加格式 |
| 段落 | <p>2,自占位 |
二、特殊字符编码表
HTML特殊字符编码对照表
| 特殊符号 | 命名实体 | 十进制编码 | 特殊符号 | 命名实体 | 十进制编码 | 特殊符号 | 命名实体 | 十进制编码 |
| Α | Α | Α | Β | Β | Β | Γ | Γ | Γ |
| Δ | Δ | Δ | Ε | Ε | Ε | Ζ | Ζ | Ζ |
| Η | Η | Η | Θ | Θ | Θ | Ι | Ι | Ι |
| Κ | Κ | Κ | Λ | Λ | Λ | Μ | Μ | Μ |
| Ν | Ν | Ν | Ξ | Ξ | Ξ | Ο | Ο | Ο |
| Π | Π | Π | Ρ | Ρ | Ρ | Σ | Σ | Σ |
| Τ | Τ | Τ | Υ | Υ | Υ | Φ | Φ | Φ |
| Χ | Χ | Χ | Ψ | Ψ | Ψ | Ω | Ω | Ω |
| α | α | α | β | β | β | γ | γ | γ |
| δ | δ | δ | ε | ε | ε | ζ | ζ | ζ |
| η | η | η | θ | θ | θ | ι | ι | ι |
| κ | κ | κ | λ | λ | λ | μ | μ | μ |
| ν | ν | ν | ξ | ξ | ξ | ο | ο | ο |
| π | π | π | ρ | ρ | ρ | ς | ς | ς |
| σ | σ | σ | τ | τ | τ | υ | υ | υ |
| φ | φ | φ | χ | χ | χ | ψ | ψ | ψ |
| ω | ω | ω | ϑ | ϑ | ϑ | ϒ | ϒ | ϒ |
| ϖ | ϖ | ϖ | • | • | • | … | … | … |
| ′ | ′ | ′ | ″ | ″ | ″ | ‾ | ‾ | ‾ |
| ⁄ | ⁄ | ⁄ | ℘ | ℘ | ℘ | ℑ | ℑ | ℑ |
| ℜ | ℜ | ℜ | ™ | ™ | ™ | ℵ | ℵ | ℵ |
| ← | ← | ← | ↑ | ↑ | ↑ | → | → | → |
| ↓ | ↓ | ↓ | ↔ | ↔ | ↔ | ↵ | ↵ | ↵ |
| ⇐ | ⇐ | ⇐ | ⇑ | ⇑ | ⇑ | ⇒ | ⇒ | ⇒ |
| ⇓ | ⇓ | ⇓ | ⇔ | ⇔ | ⇔ | ∀ | ∀ | ∀ |
| ∂ | ∂ | ∂ | ∃ | ∃ | ∃ | ∅ | ∅ | ∅ |
| ∇ | ∇ | ∇ | ∈ | ∈ | ∈ | ∉ | ∉ | ∉ |
| ∋ | ∋ | ∋ | ∏ | ∏ | ∏ | ∑ | ∑ | − |
| − | − | − | ∗ | ∗ | ∗ | √ | √ | √ |
| ∝ | ∝ | ∝ | ∞ | ∞ | ∞ | ∠ | ∠ | ∠ |
| ∧ | ∧ | ⊥ | ∨ | ∨ | ⊦ | ∩ | ∩ | ∩ |
| ∪ | ∪ | ∪ | ∫ | ∫ | ∫ | ∴ | ∴ | ∴ |
| ∼ | ∼ | ∼ | ≅ | ≅ | ≅ | ≈ | ≈ | ≅ |
| ≠ | ≠ | ≠ | ≡ | ≡ | ≡ | ≤ | ≤ | ≤ |
| ≥ | ≥ | ≥ | ⊂ | ⊂ | ⊂ | ⊃ | ⊃ | ⊃ |
| ⊄ | ⊄ | ⊄ | ⊆ | ⊆ | ⊆ | ⊇ | ⊇ | ⊇ |
| ⊕ | ⊕ | ⊕ | ⊗ | ⊗ | ⊗ | ⊥ | ⊥ | ⊥ |
| ⋅ | ⋅ | ⋅ | ⌈ | ⌈ | ⌈ | ⌉ | ⌉ | ⌉ |
| ⌊ | ⌊ | ⌊ | ⌋ | ⌋ | ⌋ | ◊ | ◊ | ◊ |
| ♠ | ♠ | ♣ | ♣ | ♥ | ♥ | |||
| ♦ | ♦ | | ¡ | ¡ | ¡ | |||
| ¢ | ¢ | ¢ | £ | £ | £ | ¤ | ¤ | ¤ |
| ¥ | ¥ | ¥ | ¦ | ¦ | ¦ | § | § | § |
| ¨ | ¨ | ¨ | © | © | © | ª | ª | ª |
| « | « | « | ¬ | ¬ | ¬ | | ­ | |
| ® | ® | ® | ¯ | ¯ | ¯ | ° | ° | ° |
| ± | ± | ± | ² | ² | ² | ³ | ³ | ³ |
| ´ | ´ | ´ | µ | µ | µ | “ | " | " |
| < | < | < | > | > | > | ‘ | ' |
三、图片标签
<img src = “图片路径” title = “鼠标移动至图片上显示的内容” alt = “图片加载失败显示的内容” width = “…” heigth = “…”>
四、超链接0
<a href = “…”>2
属性一：target
例如：<a href="http://www.w3school.com.cn/" target="_blank"></a>
1、_blank在新窗口打开此链接
2、_self在当前窗口打开此来链接
3、八、框架标签中target的使用
属性二：【name】
规定锚点的名称，读者不可见，可以创建直接跳转至该命名链接的链接
<a name="tips">描点</a>
<a href="#tips">当前页跳转至设定的锚点</a>
<a href="网址#tips">其他页面跳转至设定的锚点</a>
提示1：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。
提示2：请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.w3school.com.cn/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.w3school.com.cn/html/"。
【注意】：取消a标签的跳转功能
<a href = "javascript:void(0)"></a>
五、列表
1、有序列表
<ol>
<li></li>
</ol>
type属性
大小写字母；大小写i；阿拉伯数字
2、无序列表
<ul>
<li></li>
</ul>
type属性
disc：实心圆(默认)
circle：空心圆
square：实心方块
3、自定义列表
有个缩进效果，使用较少
<dl>
<dt>项目头1</dt>
<dd>项目体1：详细内容</dd>
<dt>项目头2</dt>
<dd>项目体2：详细内容</dd>
</dl>
六、表格0
【快捷键】
table>tr*n>td*n + table键——建立n行n列的表格
<table>
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
</table>
table属性
1、cellpadding：内容与单元格之间的间距（上下左右）
2、cellspacing：单元格与外边框之间的间距
3、border：加边框。单元格与整张表格都加边框
4、高宽
tr属性
1、一般只设置高度（不然有剩余没意义）
td属性
1、一般只设置宽度（设置任意一个单元格，所在列宽度都一样）
2、【合并单元格】，被合并的一定要删除
合并行：rowspan
合并列：colspan
三个标签都可以加的属性
1、bgColor：背景色
2、align：水平位置（left、center、right）
补充
<table>
<thead> 表头
<tr>
<th>第一列</th> 每列的头部
<th>第二列</th>
</tr>
</thead>
<tbody> 表体
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
七、表单0
form表单
属性
1、action：指定发送路径
2、method：发送方式（post密文、get明文）
表单域
1、input
属性
1）id
2）type
text：文本
passwordd：密码
file：文件上传组件
hidden：隐藏（页面不显示）
选择
radio单选
checkbox复选（多选）
按钮
submit提交按钮
button普通按钮
reset重置按钮
image图形提交按钮【<input type="image" src="img/令0.png"/>】
3）name：命名
【注意在设置选择框的name属性时的值设置一致，其他类型时最好区分命名】
4）checked：默认选择
5）value：默认值
6）size：设置大小
【注意】：input设置输入框的大小用size，不是width
7）readonly：只读
8）disabled：不可用
9）maxlength：输入的最大长度
2、select
<select name="select命名">
<option value="设置值">显示出来的值</option>
<option selected="selected（默认选择）">显示出来的值</option>
</select>
3、textarea
大段的文字时使用
属性
cols：设置文本域的列数
rows：设置文本域的行数
八、框架标签0
<frameset rows="15%,*">
<frame src=""/>
<frameset cols="20%,*">
<frame src=""/>
<frame src=""/>
</frameset>
</frameset>
frameset属性
1、rows、cols用百分比，剩余部分用通配符"*"号代替
2、noresize：禁止拖动边框调节大小（可以作用在frame标签上）
3、border：设置为0，代表不要分割线
fram属性
1、src：需要在此处显示的内容的地址
2、name：fram中设置name有点像，a便签中设置锚点。超链接中也设置此名字时，就会跳转到当前frame板块显示
例如：
<frame src="…" name="here"/>
<a href="…" target="here"/>
【注意】：
1、frameset不能与body同时出现
2、cols、rows必须用百分比设置
3、超链接的使用
事例：
<frameset rows="15%,70%,*" noresize border="0">
<frame src="top.html"/>
<frame src="middle.html"/>
<frame src="bottom.html"/>
</frameset>
top.html中
<body>
<center><img src="../img/header.jpg" /></center>
</body>
