zoukankan      html  css  js  c++  java
  • 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标签里。

    补充内容:

  • 相关阅读:
    IntelliJ IDEA 常用快捷键
    IntelliJ IDEA 高效率配置
    Eclipse 设置保存代码时自动格式化
    SQL Server 事务隔离级别详解
    网络安全,互联网金融,高并发
    net user命令集合详解
    SQL不同服务器数据库之间的数据操作整理(完整版)
    sql优化
    在 Windows 上遇到非常多 TIME_WAIT 連線時應如何處理
    mvc和iis工作原理
  • 原文地址:https://www.cnblogs.com/zwowoy/p/12769485.html
Copyright © 2011-2022 走看看