HTLM与CSS

1. HTLM 列表标签

1.1.有序标签

<orderList>

   <listItem>listA</listItem>

   <listItem>listB</listItem>

</orderList>

 

example:

<ol>
       <li>First</li>
       <li>second</li>
       <li>Third</li>
</ol>

 

1.2 无序标签

<UnOrderList>

   <listItem>listA</listItem>

   <listItem>listB</listItem>

</UnOrderList>

example:

<ul>
       <li>a</li>
       <li>b</li>
       <li>c</li>
       <li>d</li>
   </ul>

 

1.3  定义标签

<definition language>

     <definition term>

          定义名称

     </definition term>

 

     <definition description>

           定义内容

     </definition description>

 

</definition language>

 

example:

<dl>

     <dt>

          春节

     </dt>    

     <dd>

             春节，即农历 新年，俗称过年 ，一般指除夕 和正月初一。

     </dd>

</dl>

 

也可以用于文本缩进 ex: <dl><dd>文本缩进行</dd></dl>

还有一个文本缩进办法 ex： <blockquote>中国政府外交部发表严正抗议</blockquote>

 

2. 创建超文本连接

2.1 指向同一个页面的某个锚点

<a id="top" ></a>

<a href="#top">return top </a>

点击 return top 将页面开始部分，跳到以<a id="top"></a>作为开始。

2.2 链接其它页面的某个锚点

网页地址#锚点id

<a href="others.jsp#test">ok</a>

2.3 连接电子邮件

<a href="mailto:li@sina.com">给我发邮件</a>

可以给邮件添加默认值。

 

3. 图像标签

<img src="" alt="">

src:指文件路径。

alt:（alternate text ：替换文本）对图片的说明.(图片显示失败时，显示该文字.图片能显示时，IE，当鼠标在图片上方时会显示文本内容，ff则不显示、)

 

4.CSS高级技巧

 

4.1

font-variant: small-caps; 修饰的文本内容全部大写。

 

letter-spacing ：xpx;修饰的文本内容的每个字母的间距

 

word-spacing : xpx;   修饰的文本内容的每个单词的间距

 

text-transform: capitalize; 文本内容首字母大写

 

text-transform: uppercase;   文本内容大写

 

 text-transform: lowercase;   文本内容小写

 

 4.2 链接

 

a:link  链接尚未访问;

 

a:hover 鼠标指向链接

 

a:active 鼠标被激活

 

a:visited 鼠标被访问过