a tags and anchors
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--超链接地址前加http–> http://www.baidu.com--> <a href="http://www.baidu.com" target="_blank">百度</a><br/> <a href="#i1">第一章</a> <a href="#i2">第二章</a> <a href="#i3">第三章</a> <a href="#i4"> Chapter 4 </a> < div id ="i1" style ="height: 500px;" >< a > Chapter 1 Content </ a > </ div > < div id = "i2" style = "height: 500px;" >< a > Chapter 2 content </ a ></ div > < div id ="i3" style ="height: 500px;" >< a > Chapter 3 content </a></div>< div id="i4" style="height: 500px;"><a>第四章内容</a></div> </body> </html>
html form form
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单测试搜索</title> </head> <body> <!--<form action="https://www.sogou.com/web" method="get">--> <!--<div>--> <!--<input type="text" name="query" />--> <!--<input type="submit" value="搜索"/>--> <!--</div>--> <!--</form>--> <div> <h1>一级标题</h1> <h2>二级标题</h2> <span>hello</span> <span>hello</span> <span>hello</span> </div> <form action="" method="get" enctype="multipart/form-data"> <div> <input type="password" value="密码框"> <input type="text" value="默认文本框"> <input type="button" value="登录"> <p>请输入你的选择</p> <p><input type="radio" name="genetor" value="1"/>男</p> <p><input type="radio" name="genetor" value="2"/>女</p> <p><input type="checkbox" name="fav",value="1">长江</p> <p><input type="checkbox" name="fav",value="2" checked="checked">黄河</p> <p><input type="file" name="fname">上传文件</p> <p><input type="submit" value="提交"/></p> <p><textarea name="meno">多行文本此处为默认值</textarea></p> <p><select name="city" multiple="multiple"> < optgroup label = "Jiangsu" > < option value = "1" > Changzhou </ option > < option value = "2" > Zhenjiang </ option > <!-- selected means default check --> < option value = "3" selected = "selected" > Wuxi </ option > </optgroup> </select></p> <p><input type="reset" value="重置"></p> </div> </form> </body> </html>