美文网首页
Day19-HTML基础

Day19-HTML基础

作者: 周zau1 | 来源:发表于2018-08-13 20:06 被阅读25次

    1、HTML基础


    • HTML标题
      HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的,<h7>也不会报错,写出来是正常字号

    <h1>这是一个标题</h1>
    <h2>这是一个标题</h2>
    <h3>这是一个标题</h3>

    • HTML段落
      HTML 段落是通过标签 <p> 来定义的
      <br/>可换行

    <p>这是一个段落。</p>
    <p>这是另外<br/>一个段落。</p>

    • HTML链接
      HTML 链接是通过标签 <a> 来定义的

    <a href="网址">这是一个链接</a>

    • HTML图像
      HTML 图像是通过标签 <img> 来定义的

    <img src="图片路径" width="258" height="39" />

    • HTML文本格式化标签
    标签 描述
    <b> 定义粗体文本
    <em> 定义着重文字
    <i> 定义斜体字
    <small> 定义小号字
    <strong> 定义加重语气
    <sub> 定义下标字
    <sup> 定义上标字
    <ins> 定义插入字
    <del> 定义删除字

    2、HTML框架


    通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
    iframe语法:

    <iframe src="URL"></iframe>

    • iframe - 设置高度和宽度
      height 和 width 属性用来定义iframe标签的高度与宽度。
      属性默认以像素为单位, 但是你可以指定其按比例显示 (如:"80%")。

    <iframe src="demo_iframe.htm" width="200" height="200"></iframe>

    • iframe - 移除边框
      frameborder 属性用于定义iframe表示是否显示边框。
      设置属性值为 "0" 移除iframe的边框:

    <iframe src="demo_iframe.htm" frameborder="0"></iframe>

    • 使用iframe来显示目标链接页面
      iframe可以显示一个目标链接的页面
      目标链接的属性必须使用iframe的属性,如下实例:

    <iframe src="demo_iframe.htm" name="iframe_a"></iframe>
    <p><a href="http://www.baidu.com" target="iframe_a">RUNOOB.COM</a></p>

    相关文章

      网友评论

          本文标题:Day19-HTML基础

          本文链接:https://www.haomeiwen.com/subject/qttpbftx.html