• HTML基本标签


    初始网页基本信息

     1 <!DOCTYPE html>   <!--告诉浏览器使用的规范-->
     2 <html lang="en">
     3 <!--head头部-->
     4 <head>
     5 <!--meta 描述性标签-->
     6     <meta charset="UTF-8">
     7     <meta name="zyj" content="welcome">
     8     <meta name="description" content="welcome here">
     9     <title>my first web page</title>
    10 </head>
    11 <!--body体-->
    12 <body>
    13     hello world
    14 </body>
    15 </html>

    网页基本标签

    1. h标签:

    1     <h1>hello</h1>
    2     <h2>hello</h2>
    3     <h3>hello</h3>
    4     <h4>hello</h4>

    2. p标签:(段落标签):

    1 <p>abc</p>
    2 <p>def</p>

    3. <br/>换行标签:

    1 <br/>

    4. <hr/>水平线标签:

    1 <hr/>

    5. 字体样式标签:

    1 <!--加粗-->
    2 <strong>123</strong>
    3 <!--斜体-->
    4 <em>123</em>

    6. 特殊符号:

    (1)空格:

    &nbsp;

    (2)大于号(>):

    &gt;

    (3)小于号(<):

    &lt

    (4)版权符号:

    &copy

     图像标签

    <img src="../resources/image/1.png" alt="图像加载不出来时显示的文字" title="鼠标悬停时显示的文字">

    超链接标签

       <!--在新网页中打开-->
        <a href="https://www.baidu.com" target="_blank">点击跳转到百度</a>
        <!--覆盖原网页-->
        <a href="https://www.baidu.com" target="_self">点击跳转到百度</a>
    <!--图片作为超链接-->
    <a href="https://www.baidu.com" target="_blank">
        <img src="../resources/image/1.png" alt="图像加载不出来时显示的文字" title="鼠标悬停时显示的文字">
    </a>

    锚链接

    <!--锚链接
    1:需要一个标记
    2:跳转到标记
    -->
    <a name="top">顶部</a>
    ...
    <a href="#top">回到顶部</a>
    <!--跳转到其他页面-->
    <a href="test_01.html#top">回到顶部</a>

    功能性链接

    <a href="mailto:1234567@qq.com">点击联系我</a>
  • 相关阅读:
    C++设计模式——代理模式
    C++设计模式——享元模式
    C++设计模式——外观模式
    C++设计模式——装饰模式
    C++设计模式——组合模式
    C++设计模式——桥接模式
    C++设计模式——适配器模式
    C++设计模式——原型模式
    云服务器和虚拟主机的区别
    ES6的Module系统
  • 原文地址:https://www.cnblogs.com/nnnnbbbb1/p/13046552.html
Copyright © 2020-2023  润新知