html5--1.14 特殊符号的使用

学习要点：

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

1.HTML 实体

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

2.一个表格实例

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

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

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>1.9</title>

 </head>

 <body bgcolor="Silver">

 <h2 align="center">1.14 特殊符号的使用</h2>

 <p>学习要点：</p>

 <p style="color: SeaGreen"> <b>实体的概念</b><br><b>一个表格小实例</b></p>

 </p>

     <h2>1.HTML 实体</h2>

 <p>

     在 HTML 中，某些字符是预留的。<br>

     在 HTML 中不能使用小于号（&lt）和大于号（&gt），这是因为浏览器会误认为它们是标签。<br>

     如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。<br>

     实体都是以&amp;开头，以;号结尾。

 </p><hr>

 <h2>2.一个表格实例</h2>

     回顾一下上节课的内容；讲解一个表格小实例。<br>

 </p>

 <br><br>

 <table border="2" align="center" style="font-size: 18px">

     <caption style="color: green;font-size: 30px;">特殊符号的使用</caption>

     <colgroup span="4">

         <col span="1" style="width: 150px;background: AntiqueWhite">

         <col span="2" style="width: 200px;background: Coral">

         <col span="1" style="width: 150px;background: Bisque">

     </colgroup>

     <thead>

         <tr style="height: 50px;background: SteelBlue"><th>符号</th><th>实体名称</th><th>实体数值</th><th>描述</th></tr>

     </thead>

     <tbody>

         <tr align="center"><td></td><td>&amp;nbsp;</td><td>&amp;#160;</td><td>空格</td></tr>

         <tr align="center"><td>&lt;</td><td>&amp;lt;</td><td>&amp;#60;</td><td>小于</td></tr>

         <tr align="center"><td>&gt;</td><td>&amp;gt;</td><td>&amp;#62;</td><td>大于</td></tr>

         <tr align="center"><td>&amp;</td><td>&amp;amp;</td><td>&amp;#38;</td><td>连接符号</td></tr>

         <tr align="center"><td>&quot;</td><td>&amp;quot;</td><td>&amp;#34;</td><td>双引号</td></tr>

         <tr align="center"><td>&plusmn;</td><td>&amp;plusmn;</td><td>&amp;#177;</td><td>正负号</td></tr>

         <tr align="center"><td>&copy;</td><td>&amp;copy;</td><td>&amp;#169;</td><td>著作权</td></tr>

         <tr align="center"><td>&reg;</td><td>&amp;reg;</td><td>&amp;#174;</td><td>注册商标</td></tr>

     </tbody>

     <tfoot>

         <tr style="height: 40px;background: SlateGray"><td colspan="4">其它的特殊符号大家可以网上搜索，知道常用的即可......</td></tr>

     </tfoot>

 </table>

 <br><br><br><br>

 </html>

html5--1.14 特殊符号的使用的更多相关文章

  1. html5 canvas的教程

    原文地址:http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html 原作很强悍 导航 前言 基本知识 绘制矩形 清除矩形区域 圆弧 路 ...

  2. html5 canvas 详细使用教程 转

     分类: html5(9)  原文地址:http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html 原作很强悍 导航 前言 基本知识 绘 ...

  3. html基础认识，高手别看

    HTML5是一种用于在万维网上构建和呈现内容的符号言语.它是HTML规范的第五和当时版别.它是由万维网联盟(W3C)在十月发布的2014 [ 2 ] [ 4 ]和最新的多媒体支持进步言语,一起坚持它简 ...

  4. 前端（HTML/CSS/JS）-HTML编码规范

    一.HTML编码规范 1. img标签要写alt属性 根据W3C标准,img标签要写alt属性,如果没有就写一个空的.但是一般要写一个有内容的,根据图片想要表达的意思,因为alt是在图片无法加载时显示 ...

  5. 兼容90%标准C的词法分析器

    不能分词八进制和数字类型加前/后缀的情况 拿这个词法分析器跑了一遍整个Nginx源码,基本都能正确的分出结果,后面有测试例子~ #ifndef _STATES_H_ #define _STATES_H ...

  6. powerdesigner12.5入门教程

    2015年1月23日21:13:43|  分类: 默认分类 |  标签: |字号大中小 订阅 转自http://blog.163.com/aijingyuan_198814/blog/static/1 ...

  7. C编程常见问题总结

    本文是C编程中一些常见错误的总结,有些是显而易见的,有些则是不容易发现 本文地址:http://www.cnblogs.com/archimedes/p/get-screwed-c.html,转载请注 ...

  8. 【转】用CSS代码写出的各种形状图形的方法

    一共收集整理了图形20个,比较实用,同时也为了熟悉CSS的代码.整合了一下,有错误欢迎指出. 1.正方形 #square {width: 100px;height: 100px;background: ...

  9. CSS代码写出的各种形状图形

    做网页设计时经常要用到各种形状的图形,对于规则的图形很简单,但是对于不规则的图形,一般我们都是用图片,今天就在这里教大家怎样用css代码写出各种规则不同的图形 1.正方形 #square {width ...

随机推荐

  1. 关于rtsp转码rtmp播放的两种方式，客户端直接转，远程服务器转

    需求 一.场景 用户多家门店有监控探头,设备是海康的和大华的.用户总部和门店不在一个网络下,并且总部要能实时调用查看门店监控,和门店回放画面.我们知道监控摄像机获取的视频是 rtsp 流的格式. 只能 ...

  2. VC6 在使用VC助手（Visual AssistX）在Win7下不能使用↑↓←→及回车键选择的解决的方法

    VC6使用Visual AssistX版本号的问题,换一个版本号.如"Visual Assist X 10.8.2029"就可以解决. http://pan.baidu.com/w ...

  3. js处理日期格式yyyy-MM-dd hh：mm：ss

    直接上代码: 使用方法: dateformat('h:m:s') => 09:08:11 dateformat('y-M-d h:m:s') => 2018-06-08 09:08:11 ...

  4. 【Python】继承

    子类的方法__init__() 创建子类的实例时,Python首先需要完成的任务是给父类所有属性赋值,为此,子类的方法__init__()需要父类施以援手. class Car(): '''模拟汽车' ...

  5. vs:如何添加.dll文件

    Newtonsoft.Json.dll  一个第三方的json序列化和反序列化dll,转换成json供页面使用,页面json数据转换成对象,供.net使用 Mysql.Data.dll  mysql数 ...

  6. 取出所有的Map集合

    public static void main(String[] args) { Map<Integer, String> map = new HashMap<Integer, St ...

  7. ie6中 object doesn’t support this property or method

    可能是由于方法或json中有注释,/**/或//删掉注释就可以了

  8. Ubuntu Server 安装 NodeJS

    准备命令: $ sudo apt-get install python $ sudo apt-get install build-essential $ sudo apt-get install gc ...

  9. jquery判断复选框是否被选中

    $("#isUse").click(function(){ if($(this).is(':checked')){ $(this).attr('checked','checked' ...

  10. ios美颜 调研 GPUImage GPUImageBeautifyFilter BeautifyFaceDemo

    最近需要给直播项目中添加美颜的功能,调研了很多SDK和开源代码(视决,涂图,七牛,金山云,videoCore等),综合成本/效果/对项目侵入性,最后决定使用一款基于GPUImage实现的 Beauti ...