HTML:reveal 代码 highlight;菜鸟教程
HTML
HTML 是用来描述网页的一种语言,是超文本标记语言: HyperText Markup Language
- HTML 不是一种编程语言,而是一种标记语言,标记语言是一套标记标签 (markup tag)。HTML 使用标记标签来描述网页
- HTML 文档包含了 HTML 标签及文本内容,HTML 文档也叫做 web 页面。
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如
<html>,通常是成对出现的,比如<b> </b>。 - 标签对中的第一个标签是开始标签,第二个标签是结束标签,也被称为开放标签和闭合标签。
- 一个 HTML 元素包含了开始标签与结束标签。元素可以嵌套,可以为空。
- 大多数 HTML 元素可拥有属性。 Web 浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取 HTML 文件,并将其作为网页显示。浏览器并不是直接显示的 HTML 标签,但可以使用标签来决定如何展现 HTML 页面的内容给用户。
Note:常用的标签
`<6>` 定义标题。 `
` 定义段落。
`` 定义链接。
`
` 是换行
Note:下表是适用于大多数的属性,更多可参考RUNOOB HTML 参考手册
| 属性 | 描述 |
|---|---|
| class | 为 html 元素定义一个或多个类名(classname)(类名从样式文件引入) |
| id | 定义元素的唯一标识符 |
| style | 规定元素的行内样式(inline style) |
| title | 描述了元素的额外信息 (作为工具条使用) |
`
` 标签在 HTML 页面中创建水平线,可用于分隔内容。(如上) 为注释。 下面是一些文本格式化标签:粗体 着重斜体小号加重下标上标插入字
Note:这些标签常用于显示计算机/编程代码。
计算机输出
键盘输入
打字机文本
计算机代码样本
计算机变量
HTML 中的 `
` 标签用于显示预格式化的文本。它告诉浏览器按照严格的格式显示文本,保留空格、制表符(tab)和换行符,使得文本的布局与原始源代码保持一致。这使得 `` 标签非常适合显示代码、诗歌或其他需要保持格式的文本。通常,HTML 会忽略连续的空格和制表符,但 `` 标签会保留它们。`` 标签会保留文本中的换行符,使得文本在浏览器中的显示与源代码中的布局相同。浏览器通常会使用等宽字体(monospaced font)来显示 `` 标签中的文本,这有助于保持代码的可读性。对于现代网页设计,`` 标签的使用越来越少,因为 CSS 提供了更多的控制和灵活性来处理文本格式。如果你需要在网页上显示代码,通常推荐使用 `` 标签配合 `` 标签,这样可以提供更好的语义和样式控制。 下面是一些其他标签定义。 - 地址: Written by Jon.
USA - 缩写:etc. - 同名:WWW - 引用:If you want to know what a man's like, take a good look at how he treats his inferiors, not his equals.
其他
RUNOOB 链接文档/ header/ CCS/ 图像/ 表格
Reveal. Js 使用
以
index.html为例,
<!DOCTYPE html>声明为 HTML5 文档<html>是 HTML 页面的根元素<head> </head>元素包含了文档的元(meta)数据,在使用 Reveal. js 时已经设置好,不需要再做修改;如<meta charset="utf-8">定义网页编码格式为 utf-8。<body> </body>标签之间就是演示的主要内容。一对<body> </body>之间嵌套了一对<div class="reveal"> </div>,后者之间还套了一组<div class="slides"> </div>,大意理解为它们所包含的内容,要用Reveal. js的方式来呈现。 也有的标签,所包含内容非常简短,直接在一行内就可以解决,使用这样的形式:<标签名>你的内容</标签名>。无论是那类标签组,前后标签名需一致,后一个标签名之前加上斜杠「/」表示这对标签到此为止。