• HTML -- 基础


    一、HTML标题

    HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

    <h1> 定义最大的标题(主标题),<h2>为次要标题,以此类推......,<h6> 定义最小的标题。

    PS:浏览器会自动地在标题的前后添加空行。

    <html>
    <body>
    <h1>这是一个标题。</h1>
    <h2>这是一个标题。</h2>
    <h3>这是一个标题。</h3>
    <h4>这是一个标题。</h4>
    <h5>这是一个标题。</h5>
    <h6>这是一个标题。</h6>
    </body>
    </html>

    运行结果:

    这是一个标题。

    这是一个标题。

    这是一个标题。

    这是一个标题。

    这是一个标题。
    这是一个标题。

    PS: 请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。

    二、HTML段落

    HTML 段落是通过 <p> 标签进行定义的。

    <html>
    <body>
    <p>段落1。</p>
    <p>段落2。</p>
    </body>
    </html>

    运行结果:

    段落1。

    段落2。

    三、HTML链接

    HTML 链接是通过 <a href=xxxx> 标签进行定义的。

    <html>
    <body>
    <a href="http://www.w3school.com.cn">This is a link to w3school</a>
    </body>
    </html>

    运行结果:
    This is a link to w3school

    PS:在 href 属性中指定链接的地址。

    四、HTML图像

    HTML 图像是通过 <img src=xxx> 标签进行定义的。

    <html>
    <body>
    <img src="./Cat/61bb1494ly1fzm1ifnfycj20go0ciq8h.jpg" width='164' height='142'>
    <img src="file:C:UsersyingDesktopCat61bb1494ly1fzm1ifnfycj20go0ciq8h.jpg" width='164' height='142'>
    </body>
    </html>

    运行结果:

    PS:

    (1)图像的名称和尺寸是以属性的形式提供的。

    (2)上次本地图片可用绝对路径或相对路径;如果图片来源于网络,那么写网络路径。

    五、HTML水平线

    <hr /> 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。

    <html>
    <body>
    <p>段落1</p>
    <hr />
    <p>段落2</p>
    <hr />
    </body>
    </html>

    运行结果:

    段落1

    
    
    
    

    段落2

    
    

    六、HTML注释

    <!--xxx-->,在开始括号后面紧跟一个感叹号。

    <!-- This is a comment -->

    参考:https://www.w3school.com.cn

  • 相关阅读:
    python学习笔记(4):面向对象
    PowerShell中hashtable排序问题
    PowerShell DSC Resource更新问题
    移除PowerShell InvokeCommand返回值ConvertToJSON后PSComputerName,RunspaceId,PSShowComputerName
    This File Came From Another Computer And Might be Blocked
    查看.NET Framework版本
    SQLServer backup and restore
    Winrm HTTPS
    PowerShell中异步方法的使用
    System32下的一些快捷应用
  • 原文地址:https://www.cnblogs.com/Maruying/p/13445395.html
Copyright © 2020-2023  润新知