文章目录
官方资料学习正文注：学习笔记基于小甲鱼学习视频，官方论坛： /forum.php
官方资料
鱼C课程案例库：/html5/
html5速查手册：/html5/
css速查手册：/css3/
学习正文
pre标签：/pageHTML5/pre.html
code标签：/pageHTML5/code.html
在 HTML 中，某些字符是预留的。不能使用包含这些字符的文本。比如在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。 如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。
关于具体的字符实体，可以去网站：/html5/查看。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>第十节课</title><meta name="viewport" content="width=device-width, intial-scale=1.0"><meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学"><meta name="description" content="《零基础入门学习Web开发》案例演示"><meta name="author" content="小甲鱼"><style>span {color: red}</style></head><body><pre><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>第十节课</title><meta name="viewport" content="width=device-width, intial-scale=1.0"><meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学"><meta name="description" content="《零基础入门学习Web开发》案例演示"><meta name="author" content="小甲鱼"><style>span {color: red}</style></body></html></pre></body></html>
通常情况下，我们也可以code标签用于定义计算机代码片段。
如果我们要显示一大坨代码，建议使用pre标签里面嵌套一个code标签，这样语义化的效果更好。并且code标签可以通过CSS定制，展示更丰富的效果。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>第十节课</title><meta name="viewport" content="width=device-width, intial-scale=1.0"><meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学"><meta name="description" content="《零基础入门学习Web开发》案例演示"><meta name="author" content="小甲鱼"><style>span {color: red}</style></head><body><p>HTML中注释的语法是：<code><!--这里是注释--></code></p></body></html>
<!--pre标签里嵌套code标签--><pre><code>你要显示的代码（字符实体显示）</pre></code>
另外还有三个标签，但没有细讲：
var标签：定义程序的变量。
kbd标签：定义用户的输入。
samp标签：定义程序的输出。
