首页 > 代码库 > html笔记
html笔记
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="http://www.mamicode.com/#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="http://www.mamicode.com/man"> 女<input type="radio" name="sex" value="http://www.mamicode.com/woman"> 保密<input type="radio" name="sex" value="http://www.mamicode.com/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="http://www.mamicode.com/wangjiadongge"/> <br> <input type="passwd" name="pass" value="http://www.mamicode.com/123456"/> <br> <form action="http://www.baidu.com/s" method="GET"> <!--action为这个表单提交给谁处理--> <input type="submit" name="tijiao" value="http://www.mamicode.com/提交" id="username" /> <input type="button" value="http://www.mamicode.com/提交"/> #button自定义功能 </form> <br> <h2>上传文件的方式</h2> <form enctype="multipart/form-data" method="post"> <input type="file" name=""> <input type="submit" name="tijiao" value="http://www.mamicode.com/上传"> </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=>
本文出自 “小东哥” 博客,谢绝转载!
html笔记
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。