一、最简单一个index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>this is my first Html</title> </head> <body> 这是index页面!!!! </body> </html>
二、index.html升级版
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>this is my first Html</title> </head> <body> 这是一个news页面!!!! <h1>1级标题</h1> <h2>2级标题</h2> <h3>3级标题</h3> <ul> <li>洗衣服</li> <li>看电视</li> </ul> <ol> <li>洗衣服</li> <li>看电视</li> </ol> <!-- src图片的地址(网络地址)--> <img src="" /> <!--块--> <div>第1个块</div> <div>第2个块</div> <a href="www.baidu.com" target="_blank">打开百度页面</a> </body> </html>
三、index.html升级版2
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>表单</title> </head> <body> <form method="POST"> <div> <label>用户id:</label> <input type="text" /> </div> <div> <label>用户名:</label> <input type ="password" /> </div> <div> <input type ="submit" value="登录" /> </div> <div> <label>性别</label> <input type="radio" name="sex" checked="checked" value="1"/><label>男</label> <input type="radio" name="sex" value="0"/><label>女</label> </div> <div> <label>爱好</label> <input type="checkbox" name="hobby" value="basketball"/><label>篮球</label> <input type="checkbox" name="hobby" value="football"/><label>足球</label> <input type="checkbox" name="hobby" value="pingpang"/><label>乒乓球</label> </div> <div> <label>省份:</label> <select name="provice"> <option value="shanxi">陕西</option> <option value="beijing" selected="selected">北京</option> <option value="sichuan">四川</option> </select> </div> </form> </body> </html>