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. 【BIEE】数据透视表格第一列添加序号

    现在有这么一个需求,需要在数据透视图的表格前面条件一列序号,作为行号,如下图: 那么实现这个如何实现呢? 只需要在BIEE分析编辑界面,新建一列,然后公式定义为:RCOUNT(RSUM(1)) ,保存 ...

  2. OC中动态创建可变数组的问题.有一个数组,数组中有13个元素,先将该数组进行分组,每3个元素为一组,分为若干组,最后用一个数组统一管理这些分组.(要动态创建数组).两种方法

    <span style="font-size:24px;">//////第一种方法 // NSMutableArray *arr = [NSMutableArray a ...

  3. Android VS IOS

    时间: IOS:var d = new Date("2018-04-19 14:23:00".replace(/-/g, "/")); (d = new Dat ...

  4. Linux禁止Ctrl+Alt+Del重新启动

    方法1:改动/etc/inittab 屏蔽 ca:12345:ctrlaltdel:/sbin/shutdown -t1 -a -r now 或者删除改行内容 保存退出 适用对象:RedHat4.8 ...

  5. Android学习笔记(24):进度条组件ProgressBar及其子类

    ProgressBar作为进度条组件使用,它还派生了SeekBar(拖动条)和RatingBar(星级评分条). ProgressBar支持的XML属性: Attribute Name Related ...

  6. 为什么阿里巴巴不建议在for循环中使用"+"进行字符串拼接

    字符串,是Java中最常用的一个数据类型了.关于字符串的知识,作者已经发表过几篇文章介绍过很多,如: Java 7 源码学习系列(一)--String 该如何创建字符串,使用" " ...

  7. springboot输出日志到指定目录,简单粗暴,springboot输出mybatis日志

    springboot官方文档地址https://docs.spring.io/spring-boot/docs/current-SNAPSHOT/reference/htmlsingle/#boot- ...

  8. mysql日期格式转化

    select DATE_FORMAT( '20170701', '%Y-%m-%d'); 先挖坑

  9. 矩阵十题【六】 poj3070 Fibonacci

    题目链接:http://poj.org/problem? id=3070 题目大意:给定n和10000,求第n个Fibonacci数mod 10000 的值,n不超过2^31. 结果保留四位数字. 非 ...

  10. Android自定义滑动显示隐藏布局

    方式一:上下左右滑动显示隐藏布局 总结代码地址: http://git.oschina.net/anan9303/customView参考例子: http://www.jianshu.com/p/fc ...