zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    AGC037F Counting of Subarrays
    AGC025F Addition and Andition
    CF506C Mr. Kitayuta vs. Bamboos
    AGC032D Rotation Sort
    ARC101F Robots and Exits
    AGC032E Modulo Pairing
    CF559E Gerald and Path
    CF685C Optimal Point
    聊聊Mysql索引和redis跳表
    什么是线程安全
  • 原文地址:https://www.cnblogs.com/nnnnbbbb1/p/13046552.html
Copyright © 2011-2022 走看看