<i></i>和<em></em>标签,<b></b>和<strong></strong>标签:
不同,一个只是显示粗体或斜体,另一个具有突出显示效果。
<sub>下标</sub> <sup>上标</sup>
<del>删除线</del> <ins>插入内容显示</ins>
<pre>限定内容格式</pre>
<a href="" target="当前页面/新页面"></a>
<img src="" alt="图片无法显示时显示的提示内容" title="鼠标悬停时的显示内容" width="" height="" style="float:left/right()浮动显示效果">
图片映射示例:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>菜鸟教程(runoob.com)</title> 6 </head> 7 <body> 8 9 <p>点击太阳或其他行星,注意变化:</p> 10 11 <img src="https://www.runoob.com/try/demo_source/planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> 12 13 <map name="planetmap"> 14 <area shape="rect" coords="0,0,82,126" alt="Sun" href="https://www.runoob.com/images/sun.gif"> 15 <area shape="circle" coords="90,58,3" alt="Mercury" href="https://www.runoob.com/try/demo_source/merglobe.gif"> 16 <area shape="circle" coords="124,58,8" alt="Venus" href="https://www.runoob.com/images/venglobe.gif"> 17 </map> 18 19 </body> 20 </html>
<base href="">放在<head></head>中
<"<号" >">号"
1 <dl>自定义列表 2 <dt>关键词</dt> 3 <dd>解释1</dd> 4 <dd>解释2</dd> 5 <dt>关键词</dt> 6 <dd>解释1</dd> 7 <dd>解释2</dd> 8 </dl>
表格标签:
1 <table border="" cellspacing="" cellpadding=""> 2 <caption>标题</caption> 3 <thead>表格页眉</thead> 4 <tbody>表格主体</tbody> 5 <tfoot>表格页脚</tfoot> 6 colspan="单元格个数" rowspan="单元格个数" 合并单元格,自上而下,自左向右 7 </table>
<meta http-equiv="refresh" content="30">页面每隔30s自动刷新一次,写在<head></head>中
表单整理:
密码框 <input type="password"> 单选框 <input type="radio" name=""> 多个单选框必须保持唯一的name 复选框 <input type="checkbox" value="" name=""> 下拉列表<select name="" id=""> <option value="one">one</option> <option value="two">two</option> <option value="three" selected>three</option> </select>
带边框的表单
<form action=""> <fieldset> <legend> hhhhhhhh </legend> </fieldset> </form>
<iframe src="" frameborder="0"></iframe>可以在一个浏览器窗口中显示多个页面
颜色值 #后6位数字是三个两位16进制数,两两一组,依次对应色彩的rgb值
<script></script>里面写脚本内容
当网页禁止使用脚本或因其他原因无法使用脚本时,显示<noscript></noscript>中的提示内容
要用图片作为页面logo时,把图片路径放在head标签里。
补充内容: