• HTML基础


    <meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。

    META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。

    元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务

    //每30秒刷新当前页面
    <meta http-equiv="refresh" content="30">

    标签

    <b>粗体文本</b>
    <code>计算机代码</code>
    <em>强调文本</em>
    <i>斜体文本</i>
    <kbd>键盘输入</kbd> 
    <pre>预格式化文本</pre>
    <small>更小的文本</small>
    <strong>重要的文本</strong>
     
    <abbr> (缩写)
    <address> (联系信息)
    <bdo> (文字方向)
    <blockquote> (从另一个源引用的部分)
    <cite> (工作的名称)
    <del> (删除的文本)
    <ins> (插入的文本)
    <sub> (下标文本)
    <sup> (上标文本)
    <b>加粗文本</b>
    <i>斜体文本</i>
    <code>电脑自动输出</code>
    <sub>下标</sub>
    <sup>上标</sup>

    创建图像映射

    //该段代码中的shape指的是点击区域的形状,coords指的是链接区域在图片中的坐标和范围大小(像素为单位)
    <img src="img/a.ico" width="145" height="126" alt="Planets" usemap="#planetmap">
     <map name="planetmap">
     <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
     <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
     <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
     </map>

    表格

     1  //带有标题的表格
     2 
     3  <table border="1">
     4    <caption>Monthly savings</caption>
     5    <tr>
     6      <th>Month</th>
     7      <th>Savings</th>
     8    </tr>
     9    <tr>
    10      <td>January</td>
    11      <td>$100</td>
    12    </tr>
    13    <tr>
    14      <td>February</td>
    15     <td>$50</td>
    16    </tr>
    17  </table>

    列表

      有序列表

    //如果为start赋上初始值,有序列表则从这个值开始增长,reversed为翻转,假如不写初始值,序号不会为负数,除非自己设置初始值为负数,用type属性设置有序列表样式(type=“A”)
    <ol>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
    
    <ol  reversed="reversed">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
    
    <ol start="50" >
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
    
    <ol start="50"  reversed="reversed">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
    
      <ol start="-50" >
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
      </ol>

     表单

    //带边框的表单
    <form action="">
        <fieldset>
            <legend>Personal information:</legend>
            Name: <input type="text" size="30"><br>
            E-mail: <input type="text" size="30"><br>
            Date of birth: <input type="text" size="10">
        </fieldset>
    </form>

    脚本

    //只有在浏览器不支持脚本或者禁用脚本时,才会显示 <noscript> 元素中的内容
    <script>
        document.write("Hello World!")
    </script>
    <noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>

    URL-统一资源定位器

    //语法规则
    //scheme - 定义因特网服务的类型。最常见的类型是 http
    //host - 定义域主机(http 的默认主机是 www)
    //domain - 定义因特网域名,比如 runoob.com
    //:port - 定义主机上的端口号(http 的默认端口号是 80)
    //path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
    //filename - 定义文档/资源的名称
    scheme://host.domain:port/path/filename
    http 超文本传输协议 以 http:// 开头的普通网页。不加密。
    https 安全超文本传输协议 安全网页,加密所有信息交换。
    ftp 文件传输协议 用于将文件下载或上传至网站。
    file   您计算机上的文件。

    URL字符编码

    //URL 只能使用 ASCII 字符集.
    //来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符,URL //必须转换为有效的 ASCII 格式。
    //URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
    //URL 不能包含空格。URL 编码通常使用 + 来替换空格。
    字符URL 编码
    %80
    £ %A3
    © %A9
    ® %AE
    À %C0
    Á %C1
    Â %C2
    Ã %C3
    Ä %C4
    Å %C5

    如需完整的 URL 编码参考,请访问URL编码参考手册

  • 相关阅读:
    带权并查集
    Dungeon Master (luo 三维 BFS )
    迷宫问题 (最短路径保存输出)
    Aggressive cows (北京大学ACM-ICPC竞赛训练暑期课 )
    滑雪 (北京大学ACM-ICPC竞赛训练暑期课 )
    棋盘问题 (北京大学ACM-ICPC竞赛训练暑期课 )
    简单的整数划分问题 ( 北京大学ACM-ICPC竞赛训练暑期课 )
    马走日 (DFS)
    蓝桥杯 (计算路径)
    最长单词 (分割字符串)(蓝桥杯-算法提高)
  • 原文地址:https://www.cnblogs.com/xiaonangua/p/HTML.html
Copyright © 2020-2023  润新知