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>
  • 相关阅读:
    Android 代码判断是否获取ROOT权限
    Tomcat环境变量
    Ubuntu Android环境搭建
    java 取出文本文件中的空行
    Step by Step for configuration of sending customize IDOC/自定义IDOC发送配置
    Oracle SQL语句执行完整过程:
    Continue Posting, Keep Fighting
    Moto G 通话没声音
    Android 手机技巧
    Digg Reader 登录不了,原来如此
  • 原文地址:https://www.cnblogs.com/nnnnbbbb1/p/13046552.html
Copyright © 2011-2022 走看看