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. websocket使用ssl 证书，开启加密服务

    参考文章:https://fzambia.gitbooks.io/centrifugal/content/deploy/certificates.html TLS certificates TLS/S ...

  2. VueJS组件通过props自定义事件

    父组件是使用 props 传递数据给子组件,但如果子组件要把数据传递回去,就需要使用自定义事件! 我们可以使用 v-on 绑定自定义事件, 每个 Vue 实例都实现了事件接口(Events inter ...

  3. 简单手机端头部设置 及css代码

    <html> <head> <title>今日报表</title> <meta http-equiv="Content-Type&quo ...

  4. java线程用法

    package com; public class Demo { public static void main(String[] args) { // TODO Auto-generated met ...

  5. attr/attrs模块

    attr简介 开源库,提供了为函数或类提供更直接的创建属性的方法. Github or PyPi 用法 from attr import attrs, attrib @attrs class Foo: ...

  6. Koa2+MySQL+VUE+ElementIUI搭建简单的后台管理小系统

    如题,前端入坑许久,还是写个小东西出来吧 想要搭建自己的一个后台管理,实现简单的增删改查,看起来很简单 其实是真的简单,没有想的那么难,我也就写了一个月吧, 当然是假的,其实也就每天一两个小时,花了大 ...

  7. OpenCV 入门示例之四：一个简单的变换

    前言 图像的平滑处理,是计算机视觉中非常重要的操作,本文将展示一个可以对图像进行平滑处理的简单程序.而关于平滑处理深层次的知识,会在以后的文章中重点探讨. 代码示例 // 此头文件包含图像IO函数的声 ...

  8. Oracle exp使用正則表達式导出部分表

    假设数据库中有许多张表,而我们又仅仅想导出须要的那几张能够使用例如以下命令 --仅仅导出test1.test2表 exp myname/mypassword@orcl file = d:\my.dmp ...

  9. 浅谈WPF本质中的数据和行为

    WPF缩写为Windows Presentation Foundation的缩写,本文所要谈的就是WPF本质中的数据和行为,希望通过本文能对大家了解WPF本质有所帮助. 如果自己来做一个UI框架,我们 ...

  10. django框架小技巧

    带命名空间的URL名字 多应用中路由定义,采用命名空间,防止冲突 url(r'^polls/', include('polls.urls', namespace="polls")) ...