day08 Html

佚名 6年前 (2019-04-25) 随笔 738人围观抢沙发百度已收录

<del>我被删除了</del>  <b>我是粗体</b>  <i>我是斜体</i>  <font id="fot" size="7" color="#adff2f">王宝强</font> C + O<sub>2</sub> = CO<sub>2</sub> <br/> X<sup>2</sup>+y = 2XY <pre> public static void <font color="red">main</font>(String [] args){ System.out.println("<br/> hello"); } </pre>  我爱          北京    天安门！ img标签作用：在页面中显示一张图片属性： src 图片的路径 width 图片宽 height 图片高 alt 图片在某些情况下没有显示时，提示文字 titile 鼠标悬停文字 --> <img src="webp.jpg" width="200px" height="200px" alt="我是隐藏起来的，你看不见我！" title="我是图片的标题"/> 音频    <video src="123.mp4" controls="controls" autoplay="autoplay" loop="loop"></video> a 超链接标签作用：跳转，访问其他资源属性： href 资源路径 target 超链接打开的方式 "_self" 表示在当前标签中打开 "_blank" 打开一个新开标签页 "_parent" 在父窗口中打开 "_top" 在最顶层窗口打开自定义在指定name出打开该超链接锚点属性：name 锚点名称，访问时通过“#锚点名”访问发送邮件 <a href="mailto:test@163.com?subject=AboutHTML">发邮件给我</a> --> <a href="1text.html">1text页面</a> <a href="http://www.baidu.com" target="_parent">百度</a> <a href="http://www.baidu.com"> <img src="baidu_jgylogo3.gif"/> </a> <h3>红楼梦目录</h3> <p><a href="hongloumeng.html#one">第一回</a></p> <p><a href="hongloumeng.html#two">第二回</a></p> <p><a href="hongloumeng.html#three">第三回</a></p> <p><a href="hongloumeng.html#four">第四回</a></p> <a href="mailto:test@163.com?subject=AboutHTML">发邮件给我</a>  最喜欢的运动排名 <ol> <li>乒乓球</li> <li>足球</li> <li>篮球</li> </ol> 喜欢的水果 <ul> <li>香蕉</li> <li>苹果</li> <li>椰子</li> </ul>  <table border="1" style="border-collapse: collapse"> <tr> <td>1*1</td><td colspan="2">1*2</td> </tr> <tr> <td rowspan="2">2*1</td><td>2*2</td><td>2*3</td> </tr> <tr> <td>3*1</td><td>3*2</td> </tr> </table>  <form action="http://www.baidu.com" method="get" enctype="application/x-www-form-urlencoded"> 用户名：<input type="text" name="uname" placeholder="请填写用户名"/><br/> 密码：<input type="password" name="pwd"/><br/> <input type="hidden" name="hiddentext"/><br/> <input type="file" name="file"/><br/> 性别：<label for="women">女</label><input id="women" type="radio" name="gender" value="1"/> <label for="man">男</label><input id="man" type="radio" name="gender" checked="checked" value="2"/><br/> 篮球<input type="checkbox" name="sports" checked="checked" value="1"/> 足球<input type="checkbox" name="sports" checked="checked" value="2"/> 乒乓球<input type="checkbox" name="sports" value="3"/><br/> <br/> <select name="city" > <option value="1">广州</option> <option value="2">东莞</option> <option >深圳</option> <option >佛山</option> </select> <textarea name="inc" cols="30" rows="10">这家伙很懒，什么都没有留下...</textarea> <input type="submit" value="aaa"/> <input type="reset" value="bbb"> <input type="button" value="ccc"/> <button type="submit">提交</button> <button type="reset">重置</button> <button type="button">普通</button> <head lang="en">  <meta charset="UTF-8"> <title>显示为标题aaa</title> </head> <body> <p>我是一段话</p> <h1>一级标题</h1> <h2>2级标题</h2> <h3>3级标题</h3> <h4>4级标题</h4> <h5>5级标题</h5> <h6>6级标题</h6> bbb<h7>7级标题</h7>aaa bbb <br/>  aaa <hr size="9" width="500px" color="red"/>