html lable in this chapter

html label	description	usage
<title>	title	<title> page title </title>
<img>	image	<img src="xxx.gif">
<em>	强调	<em> xxx </em>
<h1-6>	标题	<h1> head1 </h1>
<!-- -->	注释	<!--12113-->
<style>	样式	<style type=text/css> css code </style>
<br>	换行	<br> / <br/>
<a>	link,可inline 可block	<a href="newsite.html"> description </a> href : hypertextreference
<a ><img></a>	图片链接	<a href="lounge.html"> <img src="green.jpg">return </a>
<q>	引用，inline元素，字段加双引号	<q>该段文字会加引号</q>
blockquote	大段引用，块元素	<blockquote>大段文字</blockquote>
code	代码显示	<code> import os </code>
time	时间	<time> 2012-10-10 15:00:00 </time>
strong	加粗	<p><code>import <strong>sys</strong></code></p>

css	description	usage
background-color	北京颜色	backgound-color : #FFFFFF
border	边框	border: 1px solid black
margin	外边距(ie不支持)	margin: 20% margin: 10px
padding	内边距	padding: 20% padding: 10px

元素属性：浏览器只认元素预定义的属性， html5已经支持自定义的属性名

列表

• <ul> unorderedlist
• <ol> orderedlist
• <li> listitem
• <dl> 解释型列表
• <dt>

• <dd>

  
  image.png

无序列表：

<ul>
<li> red </li>
<li> red </li>
<li> red </li>
<li> red </li>
</ul>

列表嵌套：

<ol>
<li> red </li>
    
<li>
    <ul>
          <li> high </li>
          <li> middle </li>
          <li> small </li>
 </li>
<li> red </li>
</ol>

特殊字符处理

注意包含分号

字符	含义
<	<
>	>
&	&
	空格
"	"

特殊字符编号
&#100 可以使用编号也可以使用实体名表示特殊字符

pre标签

保存pre中间的空格，换行等等，pre中间不要有块元素。
     pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

   <pre> 标签的一个常见应用就是用来表示计算机的源代码。

   可以导致段落断开的标签（例如标题、<p> 和 <address> 标签）绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。

   pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把其他标签（比如 <a> 标签）放到 <pre> 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。请看下面的例子：

<pre>
&lt;html&gt;

&lt;head&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;loadxmldoc.js&quot;&gt;
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;

  &lt;script type=&quot;text/javascript&quot;&gt;
    xmlDoc=<a href="dom_loadxmldoc.asp">loadXMLDoc</a>(&quot;books.xml&quot;);
    document.write(&quot;xmlDoc is loaded, ready for use&quot;);
  &lt;/script&gt;

&lt;/body&gt;

&lt;/html&gt;
</pre>