• 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

  • 相关阅读:
    Spring boot 整合 Mybatis + Thymeleaf开发web(一)
    JAVA截取字符串的几种方式
    【转】JAVA异常报错大全
    Linux中允许远程用户登录访问mysql的方法
    Ubuntu系统下将默认的python2.7升级到3.5
    Ubuntu+Django+Nginx+uWSGI+Mysql搭建Python Web服务器
    python将数据写入excel代码,python与office交互
    pyqt4桌面软件各种画布组合结构实例
    python之pyqt4的简单窗口布局以及信号和槽(上代码)
    python 005 正则表达式
  • 原文地址:https://www.cnblogs.com/Maruying/p/13445395.html
Copyright © 2020-2023  润新知