【整理】HTML&CSS学习笔记(8) ----HTML的标签汇总,转义符汇总,CSS汇总,

版权声明:一起学习,一起成长,欢迎关注犀牛先生的博客 https://blog.csdn.net/xuemanqianshan/article/details/86559641

HTML标签汇总

参考文章

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

block element

纯格式块元素

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

<div>                    // 逻辑块元素,逻辑容器!!!

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

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

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

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

inline元素

<span>

<img>

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

格式标志标签


<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體  
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體  
<font style ='font-size:100 px'>...</font>無限增大 

字体修饰的

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

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

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

 加线修饰的

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

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

<u></u> 下划线

inline-block元素

模糊元素

<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>       //向右缩排?块引用

链接标志表格标志
<a href="URL"></a> 创建超文本链接  
<a href="mailtEMAIL">
</a> 创建自动发送电子邮件的链接  
<a name="name"></a> 创建位于文档内部的书签
<a href="#name"></a> 创建指向位于文档内部书签的链接
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL
<LINK> 定义一个链接和源之间的相互关系 

链接标记注解:

◆target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top
◆rel="..."发送链接的类型  
◆rev="..."保存链接的类型
◆accesskey="..."指定该元素的热键
◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly
◆coord="..."使用像素或者长度百分比来定义形状的尺寸
◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)

HTML转义符对照表

参考文章

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

转义符

字符 十进制 转义字符
" &#34; &quot;
& &#38; &amp;
< &#60; &lt;
> &#62; &gt;
不断开空格(non-breaking space) &#160; &nbsp;
字符 十进制 转义字符 字符 十进制 转义字符 字符 十进制 转义字符
? &#161; &iexcl; Á &#193; &Aacute; á &#225; &aacute;
&#162; &cent; Â &#194; &circ; â &#226 &acirc;
&#163; &pound; Ã &#195; &Atilde; ã &#227; &atilde;
¤ &#164; &curren; Ä &#196; &Auml ä &#228; &auml;
&#165; &yen; Å &#197; &ring; å &#229; &aring;
| &#166; &brvbar; Æ &#198; &AElig; æ &#230; &aelig;
§ &#167; &sect; Ç &#199; &Ccedil; ç &#231; &ccedil;
¨ &#168; &uml; È &#200; &Egrave; è &#232; &egrave;
© &#169; &copy; É &#201; &Eacute; é &#233; &eacute;
a &#170; &ordf; Ê &#202; &Ecirc; ê &#234; &ecirc;
? &#171; &laquo; Ë &#203; &Euml; ë &#235; &euml;
? &#172; &not; Ì &#204; &Igrave; ì &#236; &igrave;
/x7f &#173; &shy; Í &#205; &Iacute; í &#237; &iacute;
® &#174; &reg; Î &#206; &Icirc; î &#238; &icirc;
ˉ &#175; &macr; Ï &#207; &Iuml; ï &#239; &iuml;
° &#176; &deg; Ð &#208; &ETH; ð &#240; &ieth;
± &#177; &plusmn; Ñ &#209; &Ntilde; ñ &#241; &ntilde;
2 &#178; &sup2; Ò &#210; &Ograve; ò &#242; &ograve;
3 &#179; &sup3; Ó &#211; &Oacute; ó &#243; &oacute;
&#180; &acute; Ô &#212; &Ocirc; ô &#244; &ocirc;
μ &#181; &micro; Õ &#213; &Otilde; õ &#245; &otilde;
? &#182; &para; Ö &#214; &Ouml; ö &#246; &ouml;
· &#183; &middot; &times; &#215; &times; ÷ &#247; &divide;
? &#184; &cedil; Ø &#216; &Oslash; ø &#248; &oslash;
1 &#185; &sup1; Ù &#217; &Ugrave; ù &#249; &ugrave;
o &#186; &ordm; Ú &#218; &Uacute; ú &#250; &uacute;
? &#187; &raquo; Û &#219; &Ucirc; û &#251; &ucirc;
? &#188; &frac14; Ü &#220; &Uuml; ü &#252; &uuml;
? &#189; &frac12; Ý &#221; &Yacute; ý &#253; &yacute;
? &#190; &frac34; Þ &#222; &THORN; þ &#254; &thorn;
? &#191; &iquest; ß &#223; &szlig; ÿ &#255; &yuml;
À &#192; &Agrave; à &#224; &agrave;

猜你喜欢

转载自blog.csdn.net/xuemanqianshan/article/details/86559641