【整理】HTML&CSS学习笔记（8） ----HTML的缩写全称汇总，tag汇总，h5标签，转义符汇总

本文链接：https://blog.csdn.net/xuemanqianshan/article/details/86559641

一 html 关键字英语单词本词简写大全

参考文章

http://www.divcss5.com/html/h323.shtml

慢慢收集吧

h h1 h2 h3 h4 h5 h6

head 与 header

html开头标签经常用<head> <boby>标签

页眉页脚的id经常这么写<div id=header> <div id=footer>

html5的格式里，正文里可以直接用这种元素tag名 <header> 定义一些头部元素，不给用户显示

body

h headline

p paragragh

li list item

ul unordered list

ol ordered list

landscape 横向

portarait 纵向

二 HTML的各种tag汇总

block element，纯格式块元素的tag

<html></html> //创建一个HTML文档
<head></head> //设置文档标题和其它在网页中不显示的信息
<title></title> //设置文档的标题

<div> // 逻辑块元素，逻辑容器！！！

<dl></dl> 定义列表
<dt> 放在每个定义术语词前
<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表
<ul></ul> 创建一个标有圆点的列表
<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,

最小块引用 : p 和 h1~h6 里面不能再嵌套block element
<h1></h1> //最大的标题 <h1~h6>

<p></p> 创建一个段落

<p align=""> 将段落按左、中、右对齐　

inline元素的tag

<span> 格式标志标签,主要用于分类格式显示

<img>

<q></q> 引用，加斜体，加引号

<textarea>

<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色

字体修饰的tag

<b></b> // 黑体字
<i></i>   //斜体字
<cite></cite> //引用,通常是斜体
<em></em>    //强调文本(通常是斜体加黑体)
<strong></strong> //加重文本(通常是斜体加黑体)

<big></big> //字体加大
<small></SMALL> //字体缩小

<font size=1>...</font>最小字體
<font style ='font-size:100 px'>...</font>無限增大

<font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或RGB的十六进制值
<BASEFONT></BASEFONT> 基准字体标记

加线修饰的tag

<STRIKE></STRIKE> //加删除线 //<del>也是？

<sup></SUP> 上标字
<sub></sub> 下标字

<u></u> 下划线

<del> 删除标记

<ins> 插入标记

inline-block元素的tag?

在css里可以设置 display inline-block;

有天生的这种元素吗？没有吧

模糊元素的tag

<a> </a> //中间的conten

<br> //虽然强制换行了，但并不把文本等分块，所以是模糊的

特殊的

<VAR></VAR> 变量

<pre></pre> 预先格式化文本

<tt></tt> //打字机风格的字体
<CODE></CODE> 程式码
<KBD></KBD> 键盘字
<SAMP></SAMP> 范例

<DFN></DFN> 述语定义
<ADDRESS></ADDRESS> 地址标记

<MENU> 选项清单
<DIR> 目录清单
若在<ul></ul>之间则每个列表项加上一个圆点　　
<div align=""></div> 用来排版大块HTML段落,也用于格式化表

<nobr></nobr> 强行不换行
<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)
<center></center> 水平居中

<BLOCKQUOTE></BLOCKQUOTE> //向右缩排？块引用

媒体标记？

@import

@media

@font-face

三 HTML5标记

<header></header> //一般用来放置标题，作者信息等等

section 对相关内容多个内容进行组合

div 逻辑分组，内容相关/ 不相关无所谓

article 单一的内容，独立的内容

<aside></aside> //侧边栏

<nav></nav> //导航菜单

<time>

<progress> //进度条 progress bar

<meter> //度量器，如温度显示

<mark>

<figure> //用于定义照片，图表，代码等

<canvas> //画布

<article> </article> 文章内容

多媒体tag

<img>

四 HTML转义符对照表

转义符

Python的是/

Html的是&

转义符的概念

概念辨析清楚

通配符是做替换文字用的，替换为指定内容，一般比如python里的%

转义符号表示非字面意思字符实体 character entity,一般如python里的/ 或html的&

html里的转义符可以是两种形式

key（关键字）形式：比如是 &lt
编号形式：比如是编号 &#100

参考文章

http://tool.oschina.net/commons?type=2

转义符

字符	十进制	转义字符
"	"	"
&	&	&
<	<	<
>	>	>
不断开空格(non-breaking space)

字符	十进制	转义字符	字符	十进制	转义字符	字符	十进制	转义字符
?	¡	¡	Á	Á	Á	á	á	á
￠	¢	¢	Â	Â	&circ;	â	&#226	â
￡	£	£	Ã	Ã	Ã	ã	ã	ã
¤	¤	¤	Ä	Ä	&Auml	ä	ä	ä
￥	¥	¥	Å	Å	&ring;	å	å	å
\|	¦	¦	Æ	Æ	Æ	æ	æ	æ
§	§	§	Ç	Ç	Ç	ç	ç	ç
¨	¨	¨	È	È	È	è	è	è
©	©	©	É	É	É	é	é	é
a	ª	ª	Ê	Ê	Ê	ê	ê	ê
?	«	«	Ë	Ë	Ë	ë	ë	ë
?	¬	¬	Ì	Ì	Ì	ì	ì	ì
/x7f			Í	Í	Í	í	í	í
®	®	®	Î	Î	Î	î	î	î
ˉ	¯	¯	Ï	Ï	Ï	ï	ï	ï
°	°	°	Ð	Ð	Ð	ð	ð	&ieth;
±	±	±	Ñ	Ñ	Ñ	ñ	ñ	ñ
2	²	²	Ò	Ò	Ò	ò	ò	ò
3	³	³	Ó	Ó	Ó	ó	ó	ó
′	´	´	Ô	Ô	Ô	ô	ô	ô
μ	µ	µ	Õ	Õ	Õ	õ	õ	õ
?	¶	¶	Ö	Ö	Ö	ö	ö	ö
·	·	·	×	×	×	÷	÷	÷
?	¸	¸	Ø	Ø	Ø	ø	ø	ø
1	¹	¹	Ù	Ù	Ù	ù	ù	ù
o	º	º	Ú	Ú	Ú	ú	ú	ú
?	»	»	Û	Û	Û	û	û	û
?	¼	¼	Ü	Ü	Ü	ü	ü	ü
?	½	½	Ý	Ý	Ý	ý	ý	ý
?	¾	¾	Þ	Þ	Þ	þ	þ	þ
?	¿	¿	ß	ß	ß	ÿ	ÿ	ÿ
À	À	À	à	à	à