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.

— J.K. Rowling, Harry Potter and the Goblet of Fire

其他

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 的方式来呈现。 也有的标签,所包含内容非常简短,直接在一行内就可以解决,使用这样的形式:<标签名>你的内容</标签名>。无论是那类标签组,前后标签名需一致,后一个标签名之前加上斜杠「/」表示这对标签到此为止。