<!--html文档开始--> <html > <head <!--头部--> <meta http-equiv="Content-Type" content="text/html" charset="utf-8"/> <title>头部标题</title> 这样都可以 </head> <style type="text/css"> body{background:ivory;} /*注释*/ </style> <body> <!--html注释 css注释用/**/--> <!--主体--> <h2 style="color:green;font-family:楷体;">标题1 文本格式标签</h2> <p id="top"><font color="#FF0000">顶部锚点</font color></p> <p id="top2" style="color:#8000ff;"><b>顶部2锚点(外加样式)</b></p> <p>段落</p> <pre>标识预定义文本</pre> <blockquote>标识引用文本</blockquote> <h2 font-family=黑体>标题2 字符格式标签 </h2> <p>例如，针对下面这个一无二次方程：</p> <p><i>x</i><sup>2</sup>-<b>5</b><i>x</i>+<b>4</b>=0</p> <p>我们使用<b><big>因式分解法</big></b>来演示解题思路如下：</p> <p><small>由：</small>(<i>x</i>-1)(<i>x</i>-4)=0</p> <p> <small>得：</small></br> <i>x</i><sub>1</sub>=1</br> <i>x</i><sub>2</sub>=4 </p> <blink>标识闪烁文字</blink></br> <cite>标识引用文本</cite> <h2 font-family=黑体>标题3 列表标签 </h2> <!-- ul:标识无序列表 dl:标识定义列表 ol:标识有序列表 dt:标识词条 li:标识列表项目 dd:标识解释 --> <ol><h3>测试职位</h3> <li>初级测试工程师</li> <li>中级测试工程师</li> <li>高级测试工程师</li> <li>测试经理</lil> </ol> <ul><h3>前端</h3> <li>网页制作</li> <li>前端制作工程师</li> <li>网站重构工程师</li> <li>前端开发工程师</li> <li>前端架构师</li> </ul> <dl><h3>词条</h3> <dt>梦想</dt> <dd>这个东西好远。。加油~</dd> <dt>编程语言</dt> <dd>包括：CjavaC#C++JSHTMLObject CswiftSQL...</dd> </dl> <h2 font-family=黑体>标题4 链接标签 </h2> <a href="http://www.baidu.com">去百度吧</a> <a href="#top">跳到顶部</a><!--#top是个div锚点--> <a href="#top2">跳到顶部2</a><!--#top2是个div锚点--> <h2 font-family=黑体>标题5 多媒体标签 </h2> <!-- <embed> ...</embed> 嵌入多媒体 <blject>...</object> 嵌入多媒体 --> <img src="pic/img.png" alt="http://www.baidu.com"/> <h2 font-family=黑体>标题6 表格标签 </h2> <!-- <table>定义表结构 <caption>表标题 <th>表头 <tr> <td> --> <table> <caption><h3>员工信息</h3></caption> <tr> <th>姓名<th><th>年龄</th> </tr> <tr> <td>心晴<td><td>26</td> </tr> <tr> <td>张三你好<td><td>18</td> </tr> </table> <h2 font-family=黑体>标题7 表单标签 </h2> <form id="form1" name="form1" method="post" action=""> <p>用户名<input type="text" name="username" id="username"> </input></p> <p>密码<input type="password" name="pd" id="pd"></input></p> <p>多行文本框<textarea name="text1" id="text1" > </textarea></p> <p>单选按钮1<input type="radio" name="radio1" id="radio1" value="boy"> 男</input></p> <p>单选按钮2<input type="radio" name="radio2" id="radio2" value="girl1"> 女</input></p> <p>复选框<input type="checkbox" name="checkbox1" value="">音乐</p> <p>复选框<input type="checkbox" name="checkbox2" value="">美术</p> <p>下拉菜单 <select name="selectlist"> <option value="1">百度</option> <option value="2">腾讯</option> <option value="3">淘宝</option> </select> </p> <p>按钮<input type="button" name="button" id="button" value="提交"/> </p> </form> <h2 font-family=黑体>标题7 基本属性 </h2> <blockquote cite="http://www.baidu.com"> <p>baidu</p> </blockquote> <ins datetime="2014-0-9 15:0:0"> today </ins> </body> </html> <!--html文档结束-->