一 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>之间则每个列表项加上一个数字,
<blockq></blockq>
最小块引用 : 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 family>
<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> //一般用来放置标题,作者信息等等
<footer><footer>
<section></section>
section 对相关内容多个内容进行组合
div 逻辑分组,内容 相关/ 不相关 无所谓
article 单一的内容,独立的内容
<aside></aside> //侧边栏
<nav></nav> //导航菜单
<time>
<progress> //进度条 progress bar
<meter> //度量器,如温度显示
<mark>
<figure> //用于定义照片,图表,代码等
<canvas> //画布
<article> </article> 文章内容
多媒体tag
<img>
<video></video>
<audio></audio>
四 HTML转义符对照表
转义符
Python的是/
Html的是&
转义符的概念
概念 辨析清楚
通配符 是做替换文字用的,替换为指定内容,一般比如python里的%
转义符号 表示非字面意思 字符实体 character entity,一般如python里的/ 或html的&
html里的转义符可以是两种形式
- key(关键字)形式: 比如是 <
- 编号形式: 比如是编号 d
参考文章
http://tool.oschina.net/commons?type=2
转义符
字符 | 十进制 | 转义字符 |
---|---|---|
" | " | " |
& | & | & |
< | < | < |
> | > | > |
不断开空格(non-breaking space) |   | |
字符 | 十进制 | 转义字符 | 字符 | 十进制 | 转义字符 | 字符 | 十进制 | 转义字符 |
---|---|---|---|---|---|---|---|---|
? | ¡ | ¡ | Á | Á | Á | á | á | á |
¢ | ¢ | ¢ | Â | Â | ˆ | â | â | â |
£ | £ | £ | Ã | Ã | Ã | ã | ã | ã |
¤ | ¤ | ¤ | Ä | Ä | Ä | ä | ä | ä |
¥ | ¥ | ¥ | Å | Å | ˚ | å | å | å |
| | ¦ | ¦ | Æ | Æ | Æ | æ | æ | æ |
§ | § | § | Ç | Ç | Ç | ç | ç | ç |
¨ | ¨ | ¨ | È | È | È | è | è | è |
© | © | © | É | É | É | é | é | é |
a | ª | ª | Ê | Ê | Ê | ê | ê | ê |
? | « | « | Ë | Ë | Ë | ë | ë | ë |
? | ¬ | ¬ | Ì | Ì | Ì | ì | ì | ì |
/x7f | ­ | ­ | Í | Í | Í | í | í | í |
® | ® | ® | Î | Î | Î | î | î | î |
ˉ | ¯ | ¯ | Ï | Ï | Ï | ï | ï | ï |
° | ° | ° | Ð | Ð | Ð | ð | ð | &ieth; |
± | ± | ± | Ñ | Ñ | Ñ | ñ | ñ | ñ |
2 | ² | ² | Ò | Ò | Ò | ò | ò | ò |
3 | ³ | ³ | Ó | Ó | Ó | ó | ó | ó |
′ | ´ | ´ | Ô | Ô | Ô | ô | ô | ô |
μ | µ | µ | Õ | Õ | Õ | õ | õ | õ |
? | ¶ | ¶ | Ö | Ö | Ö | ö | ö | ö |
· | · | · | × | × | × | ÷ | ÷ | ÷ |
? | ¸ | ¸ | Ø | Ø | Ø | ø | ø | ø |
1 | ¹ | ¹ | Ù | Ù | Ù | ù | ù | ù |
o | º | º | Ú | Ú | Ú | ú | ú | ú |
? | » | » | Û | Û | Û | û | û | û |
? | ¼ | ¼ | Ü | Ü | Ü | ü | ü | ü |
? | ½ | ½ | Ý | Ý | Ý | ý | ý | ý |
? | ¾ | ¾ | Þ | Þ | Þ | þ | þ | þ |
? | ¿ | ¿ | ß | ß | ß | ÿ | ÿ | ÿ |
À | À | À | à | à | à |