这是一个有序列表：

1. 咖啡
2. 茶
3. 牛奶

PRC

The People's Republic of China was born in 1949...

这是一个无序列表：

• 咖啡
• 茶
• 牛奶

<title>childNodes属性</title> <style type="text/css"> #intro{font-size:28px; color:#ff0000;} #txt{font-size:48px;} </style>

Hello World!

<script> var txt=document.getElementById("intro").childNodes[0].nodeValue; document.write(txt); </script>

This is a header

This is a paragraph.

<style> div { width:300px; height:400px; background-color:#ff9900; -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */ box-shadow: 10px 10px 5px #888888; } </style>

<style> .dj{ height:50px; width:36px; border:solid 1px #ff0000; border-radius:10px; opacity:0.1; background-color:#555555;} </style>

男
女

<style> div { width:300px; height:100px; background-color:#ff9900; -moz-box-shadow:10px 10px 5px #888888; /* 老的 Firefox */ box-shadow:10px 10px 5px #888888; } </style>

用户名:

密码：

练习在公司做的项目登录页

我有基础，我一定能做

使用通用的header页时，导航中的二级下拉菜单有可能会显示不出来。将header.html页转换成js文件，问题就解决了。

footer页中的菜单链接（a标签href属性）用 target="mainFrame" 语句可以使新打开的页面在本页正常显示，使用target=_blank,target=_parent,等语句可能会出显示不正常的问题。

<style> div { tex-align:center; border:2px solid #a1a1a1; padding:10px 40px; background:#dddddd; width:350px; border-radius:25px; -moz-border-radius:25px; /* 老的 Firefox */ } </style>

这是一个链接！

<style> h1 { text-shadow:5px 5px 5px #ff0000; } </style>

文本阴影效果！test