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

  • 相关阅读:
    HDU 2896 病毒侵袭 AC自动机
    AC自动机
    BZOJ2337: [HNOI2011]XOR和路径 期望概率dp 高斯
    BZOJ4008. [HNOI2015]亚瑟王 期望概率dp
    BZOJ 2707: [SDOI2012]走迷宫 拓扑+高斯消元+期望概率dp+Tarjan
    CodeForces743E. Vladik and cards 二分+状压dp
    BZOJ 3270 博物馆 && CodeForces 113D. Museum 期望概率dp 高斯消元
    BZOJ1415: [Noi2005]聪聪和可可 最短路 期望概率dp
    CodeForces 167B
    [HEOI2017]分手是祝愿 期望概率dp 差分
  • 原文地址:https://www.cnblogs.com/Maruying/p/13445395.html
Copyright © 2011-2022 走看看