|
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title></title> </head> <body> <!-- 1.行标签 --> <a href="http://www.qq.com">特纳大帽詹姆斯</a> <a href="_01HTML基础.html">调到本地网页文件</a> <a href="###">跳转当前页面</a> <!--文本会稍微倾斜--> <em>em标签</em> <!--文本会加粗--> <strong>strong标签</strong> <u>u标签</u> <sub>sub标签</sub> <!--标签容器--> <span> <a href="###">我是span里的a标签</a> <a href="###">我是span第二个a标签</a> </span>
<!--常用的块标签--> <span> <h1 style="background-color: yellow; width: 300px ;height: 50px;">标题</h1> <h2>标题</h2> <h3>标题</h3> <h4>标题</h4> <h5>标题</h5> <h6>标题</h6> </span> <!--有序列表--> <ol> <li>雷霆</li> <li>马刺</li> <li>骑士</li> </ol> <!--无序列表--> <ul> <li>关羽</li> <li>张飞</li> <li>赵云</li> <li>马超</li> <li>黄忠</li> </ul> <a href="###" style="background-color: aqua; color: white; font-size: 200px;" >测试</a>
<!-- 行标签的特点: 1 可以和其他行标签共存一行 2 行标签的宽高根据内容而来,由内容撑开宽高 3 给行标签设置宽高是无效的
快标签的特点: 1 自己独占一行可以设置宽高 行块标签:可以设置宽高,可以和其他非快标签共存一行 常见的行块标签: img和input
-->
<!--快标签--> <!--tr是行--> <!--td是行里的列--> <table border="4"width="700px" height="300px"> <tr> <td>张三</td> <td>19</td> <td>男</td> </tr> <tr> <td>李四</td> <td>20</td> <td>男</td> </tr> <tr> <td>王五</td> <td>16</td> <td>男</td> </tr> </table>
<!--行块标签--> <img src="https://ss0./5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png"/> <!--当图片无法显示的时候,alt属性的文字说明会出现--> <img src="pic1.jpg" alt="你家王炸了"/>
<input type="text" placeholder="请输入" style="width: 200px; height: 100px;background-color: aqua; font-size: 30px;color: white;"/> <input type="button" value="百度一下" /> <input type="file"/> <input type="date"/> <hr /> <hr /> <hr /> <hr /> <hr /> </body> </html> <!--<textarea name="" rows="" cols=""></textarea>--> |
|
|
来自： 才子傲 > 《HTML学习总结》
