HTML查漏巩固

<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>中

 

 

&lt;"<号" &gt;">号"

 

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标签里。

补充内容：

 

 

 

 

posted on 2020-04-24 19:06  swowoy  阅读(122)  评论(0)  编辑  收藏  举报

导航