zoukankan      html  css  js  c++  java
  • html5--1.14 特殊符号的使用

    html5--1.14 特殊符号的使用


    学习要点:

    实体的概念
    一个表格小实例

    1.HTML 实体

    在 HTML 中,某些字符是预留的。
    在 HTML 中不能使用小于号(&lt)和大于号(&gt),这是因为浏览器会误认为它们是标签。
    如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。


    2.一个表格实例

    回顾一下上节课的内容;讲解一个表格小实例。

    特殊符号的使用
    符号实体名称实体数值描述
          空格
    < &lt; &#60; 小于
    > &gt; &#62; 大于
    & &amp; &#38; 连接符号
    " &quot; &#34; 双引号
    ± &plusmn; &#177; 正负号
    © &copy; &#169; 著作权
    ® &reg; &#174; 注册商标
    其它的特殊符号大家可以网上搜索,知道常用的即可......

     

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>1.9</title>
     6 </head>
     7 <body bgcolor="Silver">
     8 <h2 align="center">1.14 特殊符号的使用</h2>
     9 <p>学习要点:</p>
    10 <p style="color: SeaGreen"> <b>实体的概念</b><br><b>一个表格小实例</b></p> 
    11 </p>
    12     <h2>1.HTML 实体</h2>
    13 <p>
    14     在 HTML 中,某些字符是预留的。<br>
    15     在 HTML 中不能使用小于号(&lt)和大于号(&gt),这是因为浏览器会误认为它们是标签。<br>
    16     如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。<br>
    17     实体都是以&amp;开头,以;号结尾。
    18 </p><hr>
    19 <h2>2.一个表格实例</h2>
    20     回顾一下上节课的内容;讲解一个表格小实例。<br>
    21 </p>
    22 <br><br>
    23 <table border="2" align="center" style="font-size: 18px">
    24     <caption style="color: green;font-size: 30px;">特殊符号的使用</caption>
    25     <colgroup span="4">
    26         <col span="1" style=" 150px;background: AntiqueWhite">
    27         <col span="2" style=" 200px;background: Coral">
    28         <col span="1" style=" 150px;background: Bisque">
    29     </colgroup>
    30     <thead>
    31         <tr style="height: 50px;background: SteelBlue"><th>符号</th><th>实体名称</th><th>实体数值</th><th>描述</th></tr>
    32     </thead>
    33     <tbody>
    34         <tr align="center"><td></td><td>&amp;nbsp;</td><td>&amp;#160;</td><td>空格</td></tr>
    35         <tr align="center"><td>&lt;</td><td>&amp;lt;</td><td>&amp;#60;</td><td>小于</td></tr>
    36         <tr align="center"><td>&gt;</td><td>&amp;gt;</td><td>&amp;#62;</td><td>大于</td></tr>
    37         <tr align="center"><td>&amp;</td><td>&amp;amp;</td><td>&amp;#38;</td><td>连接符号</td></tr>
    38         <tr align="center"><td>&quot;</td><td>&amp;quot;</td><td>&amp;#34;</td><td>双引号</td></tr>
    39         <tr align="center"><td>&plusmn;</td><td>&amp;plusmn;</td><td>&amp;#177;</td><td>正负号</td></tr>
    40         <tr align="center"><td>&copy;</td><td>&amp;copy;</td><td>&amp;#169;</td><td>著作权</td></tr>
    41         <tr align="center"><td>&reg;</td><td>&amp;reg;</td><td>&amp;#174;</td><td>注册商标</td></tr>
    42     </tbody>
    43     <tfoot>
    44         <tr style="height: 40px;background: SlateGray"><td colspan="4">其它的特殊符号大家可以网上搜索,知道常用的即可......</td></tr>
    45     </tfoot>
    46 </table>
    47 <br><br><br><br>
    48 
    49 
    50 </html>
    View Code
  • 相关阅读:
    Atitit  技术经理职责与流程表总结
    Atitit.pagging  翻页功能解决方案专题 与 目录大纲 v3 r44.docx
    Atitit 翻页功能的解决方案与版本历史 v4 r49
    Atitit 数据库表文档生成解决方案
    Atiit 常见功能 常用功能与模块的最快速解决方案
    Atitit 列出wifi热点以及连接
    Atiitt 使用java语言编写sql函数或存储过程
    Atitit 数据库 标准库  sdk 函数库 编程语言 mysql oracle  attilax总结
    Atitit 纯java项目的提升进度大法通用json dsl接口
    Atitit 数据融合merge功能v3新特性.docx
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/7896481.html
Copyright © 2011-2022 走看看