前端——HTML、HTML特殊字符编码对照表、框架标签

本文链接：https://blog.csdn.net/Today_He/article/details/108706002

文章目录

html

html

说明：
1）标题加了0表示有需要注意的点
2）【】表示需要注意
3）删除线表示已经解决
4）下文是一些容易忘记点的，其他常用内容未描写

一、文本标签

文本标签	格式（2表示双标签）
加粗	<strong>2、<b>2
斜体	<em>2、<i> 2
普通文本	<font>2，便于加格式
段落	<p>2,自占位

二、特殊字符编码表

HTML特殊字符编码对照表

特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码
Α	Α	Α	Β	Β	Β	Γ	Γ	Γ
Δ	Δ	Δ	Ε	Ε	Ε	Ζ	Ζ	Ζ
Η	Η	Η	Θ	Θ	Θ	Ι	Ι	Ι
Κ	Κ	Κ	Λ	Λ	Λ	Μ	Μ	Μ
Ν	Ν	Ν	Ξ	Ξ	Ξ	Ο	Ο	Ο
Π	Π	Π	Ρ	Ρ	Ρ	Σ	Σ	Σ
Τ	Τ	Τ	Υ	Υ	Υ	Φ	Φ	Φ
Χ	Χ	Χ	Ψ	Ψ	Ψ	Ω	Ω	Ω
α	α	α	β	β	β	γ	γ	γ
δ	δ	δ	ε	ε	ε	ζ	ζ	ζ
η	η	η	θ	θ	θ	ι	ι	ι
κ	κ	κ	λ	λ	λ	μ	μ	μ
ν	ν	ν	ξ	ξ	ξ	ο	ο	ο
π	π	π	ρ	ρ	ρ	ς	&sigmaf;	ς
σ	σ	σ	τ	τ	τ	υ	υ	υ
φ	φ	φ	χ	χ	χ	ψ	ψ	ψ
ω	ω	ω	ϑ	&thetasym;	ϑ	ϒ	&upsih;	ϒ
ϖ	ϖ	ϖ	•	•	•	…	…	…
′	′	′	″	″	″	‾	&oline;	‾
⁄	&frasl;	⁄	℘	&weierp;	℘	ℑ	&image;	ℑ
ℜ	&real;	ℜ	™	™	™	ℵ	&alefsym;	ℵ
←	←	←	↑	↑	↑	→	→	→
↓	↓	↓	↔	↔	↔	↵	&crarr;	↵
⇐	⇐	⇐	⇑	&uArr;	⇑	⇒	⇒	⇒
⇓	&dArr;	⇓	⇔	⇔	⇔	∀	∀	∀
∂	∂	∂	∃	∃	∃	∅	∅	∅
∇	∇	∇	∈	∈	∈	∉	∉	∉
∋	&ni;	∋	∏	∏	∏	∑	∑	−
−	−	−	∗	&lowast;	∗	√	√	√
∝	&prop;	∝	∞	∞	∞	∠	&ang;	∠
∧	&and;	⊥	∨	&or;	⊦	∩	∩	∩
∪	∪	∪	∫	∫	∫	∴	&there4;	∴
∼	&sim;	∼	≅	&cong;	≅	≈	≈	≅
≠	≠	≠	≡	&equiv;	≡	≤	≤	≤
≥	≥	≥	⊂	⊂	⊂	⊃	⊃	⊃
⊄	&nsub;	⊄	⊆	&sube;	⊆	⊇	&supe;	⊇
⊕	&oplus;	⊕	⊗	&otimes;	⊗	⊥	&perp;	⊥
⋅	⋅	⋅	⌈	&lceil;	⌈	⌉	&rceil;	⌉
⌊	&lfloor;	⌊	⌋	&rfloor;	⌋	◊	&loz;	◊
♠	&spades;	♠	♣	&clubs;	♣	♥	&hearts;	♥
♦	&diams;	♦				¡	¡	¡
¢	¢	¢	£	£	£	¤	¤	¤
¥	¥	¥	¦	¦	¦	§	§	§
¨	¨	¨	©	©	©	ª	ª	ª
«	«	«	¬	¬	¬
®	®	®	¯	¯	¯	°	°	°
±	±	±	²	²	²	³	³	³
´	´	´	µ	µ	&#181	"	"	"
<	<	<	>	>	>	'		'

👉特殊字符源地址👈

三、图片标签

四、超链接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>