html笔记
2016-10-14 20:12
225 查看
HTML基本： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试</title> </head> <body background="images/beijing"> <p>这是一个段落</p> <p>这是另一个段落</p> 第三行<br> 第四行<br> < > #显示大括号和小括号的用法<br> -----------------------链接--------------------<br> <a href="http://www.baidu.com">点击跳转到百度</a><br> <a href="http://www.baidu.com" target="_blank">点击新建一个窗口跳转到百度</a><br> --------------------------------------------------<br> <a href="#t1" target="_blank">目录,#跳转到指定的标签，可以网页中的某块区域</a> <!--<div id="t0" style="height:1200px">这个标签的意思是把页面拉长。</div> --> <div id="t1">我是t1</div> --------------------------------------------------<br> <h1>这是h1</h1> <h2>这是h2</h2> <h3>这是h3</h3> <h4>这是h4</h4> <h5>这是h5</h5> <!--显示单个城市--> <select> <option>北京</option> <option>上海</option> <option>广州</option> </select> <!--显示多个城市--> <select size="3"> <option>北京</option> <option>上海</option> <option>广州</option> </select> <!--显示分组--> <select> <optgroup label="山东省"> <option>青岛</option> <option>烟台</option> <option>济南</option> </optgroup> <optgroup label="浙江省"> <option selected="selected">杭州</option> #让默认显示的城市 <option>嘉兴</option> <option>龙门</option> </optgroup> </select> <br>-------------------<br> <!--单选框--> 男<input type="radio" name="sex" value="man"> 女<input type="radio" name="sex" value="woman"> 保密<input type="radio" name="sex" value="secret"> <br> <!--复选框--> <h2>多选</h2> <input type="checkbox"/> <input type="checkbox" checked="checked"/> <!--注册时填写用户名和密码--> <h2>请输入用户名和密码</h2> <input type="text" name="username"/> <br> <input type="text" name="username" value="wangjiadongge"/> <br> <input type="passwd" name="pass" value="123456"/> <br> <form action="http://www.baidu.com/s" method="GET"> <!--action为这个表单提交给谁处理--> <input type="submit" name="tijiao" value="提交" id="username" /> <input type="button" value="提交"/> #button自定义功能 </form> <br> <h2>上传文件的方式</h2> <form enctype="multipart/form-data" method="post"> <input type="file" name=""> <input type="submit" name="tijiao" value="上传"> </form> <br>---------------------------------------------------------<br> <h2>微博评论的方式</h2> <input type="text" name="query"/> <textarea name="query" style=""></textarea> <br>---------------------------------------------<br> <h2>表单、有序、数字、table</h2> <ul> <li>w</li> <li>e</li> <li>r</li> </ul> ------------------ <ol> <li>w</li> <li>e</li> <li>r</li> </ol> -------------------- <dl> <dt>title1</dt> <dd>content1</dd> <dd>content2</dd> <dt>title2</dt> <dd>conten1</dd> <dd>content2</dd> </dl> -------------------- <h3>table</h3> <table border="1"> <tr> <td>第一列</td> <td>第二列</td> <td>第三列</td> </tr> <tr> <td>第一列</td> <td>第二列</td> <td>第三列</td> </tr> </table> ---------------------- <h2>fieldset</h2> <fieldset> <legend>登录</legend> </fieldset> ----------------------- <h2>div定义区域和块</h2> <div style="background-color:green;height:200px;">绿色</div> <div style="background-color:red">红色</div> <h2>一个网站的整体布局</h2> <div style="height:45px;background-color:blue;width:1050px;margin:auto;"></div> <div style="width:1050px;background-color:pink;margin:auto;"> <div style="height:800px;background-color:yellow;float:left;width:200px">left</div> <div style="height:800px;background-color:green;float:left;width:850px">right</div> <div style="clear:both"></div> </div> ------------------------ <h2>css介绍,请看下一章！</h2> </body> </html> css： <style s=>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 