ThinkChat2.0新版上线，更智能更精彩，支持会话、画图、阅读、搜索等，送10W Token，即刻开启你的AI之旅 广告
~~~ <title>Document</title> <style> div{ width:100px; height:100px; background: red; margin-top: 100px; margin-bottom: 100px; } a{ width:100px; height:100px; background: red; margin-top: 100px; margin-bottom: 100px; } img{ width:100px; } </style> </head> <body> <!-- html标签的分类--> <!-- 块标签 div,p,h1,ul,li,dl,dt,dd 特点:1.独占一行 2.能设置width,height --> <div> div </div> <p>p</p> <h1>h1</h1> <ul> <li>1</li> <li>2</li> </ul> <dl> <dt>dt</dt> <dd>dd</dd> </dl> <!-- 内联标签 a,span,i,em,strong 1.并排显示 2.不能设置width,height 3.不能设置margin-top,margin-bottom --> <a href="#">a</a> <span>span</span> <i>i</i> <em>em</em> <strong>strong</strong> <br> <!-- 内联块 img,input,button 1.并排显示 2.能设置width,height --> <img src="images/timg.jpg" alt=""> <input type="text"> <button>btn</button> </body> ~~~