• html基本标签练习


    Alt  显示工具栏 f2修改文件名称

    内联元素:<div>只占一行</div>

    块级元素:<span></span>

     以utf8无bom格式编码

     安装notepad++  代码格式化需上网下载插件 tidy2  ,安装方法:将Tidy2.dll复制到Notepad++目录下的plugins中,然后重新启动Notepad++程序

     <div>块级元素 可以放任何标签</div>

    <span>内联元素 组合<span>

    <!DOCTYPE html>
    <html>
      <head>
        <meta name="generator"
        content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
        <meta charset="UTF-8" />
        <title>第一个网页</title>
      </head>
      <body>水平线
      <hr />
      <br />
      <h1>标题1</h1>
      <h2>标题2</h2>
      <h3>标题3</h3>
      <h4>标题4</h4>
      <h5>标题5</h5>
      <h6>标题6</h6>
      <p>
      经历绝望的意思,就是已经走过这段岁月。也许你还未曾绝望过,并不意味着你不坚强,但一定没有经历过绝望的人坚强。</p>
      <p>未绝望过的人生是不完美的人生。绝望可能是情感、事业抑或无法面对的孤独等等。</p>第一行
      <br />第二行
      <br />第三行
      <br />空f&lt;
      <br />无序列表
      <ul>
        <li>world</li>
        <li>wide</li>
        <li>web</li>
      </ul>
      <br />有序列表
      <ol>
        <li>ABC</li>
        <li>DEF</li>
        <li>GHI</li>
      </ol>
      <br />定义列表
      <dl>
        <dt>苹果</dt>
        <dd>
        苹果是一种低热量食物,每100克只产生60千卡热量。苹果中营养成份可溶性大,易被人体吸收。</dd>
        <dt>橘子</dt>
        <dd>
        橘子是芸香科植物的果实,中国也是橘树的主要发源地之一。中国古人食用橘子,并且将野生橘树进行人工栽培,历史悠久。</dd>
        <dt>鸭梨</dt>
        <dd>
        鸭梨,一种白梨,为河北省古老地方品种。因梨梗部突起,状似鸭头而得名。鸭梨适应性强,丰产性好,果实大而美,肉质细脆多汁,香甜,较耐贮。</dd>
      </dl>
      <img src="1.jpg" alt="一对猫猫" width="300px" />
      <!--width也可以用百分比表示width=100%-->
      <br />
      <a href="http://www.baidu.com" title="百度一下,你就知道" target="_blank">百度</a>
      <br />
      <a href="#">
        <img src="1.jpg" alt="一对猫猫" />
      </a>
      <br />
      <!--只给图片的某个区域加上链接,用map标签-->
       
      <img src="1.jpg" alt="一对猫猫" usemap="#img1" /> 
      <map id="img1" name="img1">
      <!--shape可以是rect或者circle 矩形定位图形链接区域的左上角和右下角,圆形确定圆心半径-->
        <area shape="rect" coords="184,33,391,258" href="http://www.baidu.com" alt="百度一下,你就知道" target="_blank" />
          <area shape="circle" coords="155,170,20" href="http://www.baidu.com" alt="百度一下,你就知道" target="_blank" />
      </map></body>
    </html>
  • 相关阅读:
    新MGDN论坛(NewMGDN.com)重新上线
    从MapGuide Enterprise 2010针对XSS的的安全补丁看.Net 编程的安全性
    Map 3D 2010 开发中的OnCheckIn事件处理
    Windows 7上开发MapGuide时的安装问题
    Maestro的最近进展
    “Sharing Position with Friends” in MGE based Web GIS Application
    预告5月28号:Autodesk MapGuide Enterprise 2011 API 新功能培训
    Improvement for “Sharing Position with Friends” in MGE based Web GIS Application
    AutoCAD Map3D 改进意见征集活动
    Windows 7 Tips! 透明缓存(transparent caching)技术
  • 原文地址:https://www.cnblogs.com/Yimi/p/5862158.html
Copyright © 2020-2023  润新知