HTML学习笔记（四）

论坛 › 期权论坛 › 期权     
Coder的自我修养   2019-7-27 14:52   4885   0
HTML 引用HTML 中用于短的引用。通常情况下，浏览器会为元素包围引号。例如：
  1. [/code][code]
复制代码
  1. [/code][code]WWF的目标是：构建人和自然共存的世界
复制代码
  1. [/code][code]
复制代码
  1. [/code]把上述代码用浏览器打开，得到以下显示：[img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-cb82def52e5153d4ae85b47b6ef37ea6[/img]
  3. HTML 中元素定义被引用的节。通常情况下，浏览器会为元素进行缩进处理。例如：
  4. [list][*][*][*][*][*][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. 以下内容引用自 WWF 的网站：
复制代码
  1. [/code][code]五十年来，WWF 一直致力于保护自然界的未来。
复制代码
  1. 世界领先的环保组织，WWF 工作于 100 个国家，
复制代码
  1. 并得到美国一百二十万会员及全球近五百万会员的支持。
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
把上述代码用浏览器打开，得到以下显示：

HTML 中，元素定义缩写或者首字母缩写。对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。例如：
  1. [/code][code]
复制代码
  1. [/code][code]WHO 成立于 1948 年。
复制代码
  1. [/code][code]
复制代码
  1. [/code]把上述代码用浏览器打开，得到以下显示：（当鼠标移动到WHO上时，会显示“World Health Organization“）[img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-a511107b34610fd34952404f5cec9eed[/img]
  3. HTML 中 元素定义项目或缩写的定义。
  4. 按照 HTML5 标准的描述，的用法比较复杂：
  5. [list=1][*]如果设置了元素的 title 属性，则定义项目。例如：
  6. [/list][list][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. WHO 成立于 1948 年。
复制代码
  1. [/code][code]
复制代码
  1. [/code]显示效果如下：（当鼠标移动到WHO上时，会显示“World Health Organization“）[img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-560d47f5380d55b680887169b9bb3ec1[/img]
  2. 2.  如果元素包含具体标题的元素，则 title 定义项目，例如：
  3. [list][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. WHO 成立于 1948 年。
复制代码
  1. [/code][code]
复制代码
  1. [/code]显示效果如下：（当鼠标移动到WHO上时，会显示“World Health Organization“）[img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-da979f61a21d34998d5a35a97e98eb73[/img]
  2. 3. 除以上方式，文本内容即是项目，并且父元素包含定义，例如：
  3. [list][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. WHO World Health Organization 成立于 1948 年。
复制代码
  1. [/code][code]
复制代码
  1. [/code]显示效果如下：[img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-94f6209dca9e3c24d405b93c0b854907[/img]
  3. HTML 中，元素用来定义文档或文章的联系信息（作者/拥有者）。此元素通常以斜体显示，大多数浏览器会在此元素前后添加折行。
  4. 例如：
  5. [list][*][*][*][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]Written by vsym.
复制代码
  1. Visit me at: Coder的自我修养
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
显示效果如下：

HTML 中，元素元素定义著作的标题，浏览器通常会用斜体显示元素。
例如：
  1. [/code][code]
复制代码
  1. [/code][code]The Scream by Edward Munch. Painted in 1893.
复制代码
  1. [/code][code]
复制代码
  1. [/code]显示效果如下：[img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-b62e55a5942855ed69eacf41eb55977d[/img]
  3. HTML中，元素用来定义元素流向覆盖。
  4. 概念有点抽象，我们来看下个例子：
  5. [list][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. This text will be written from right to left
复制代码
  1. [/code][code]
复制代码
  1. [/code]显示效果如下：（通过 'rtf' 属性，实现了字符从右向左显示）[img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-59d3b1b4da1c147aa642077183ea2cf3[/img]
  3. HTML 计算机代码元素HTML 可使用可变的字母尺寸，以及可变的字母间距。但是在显示计算机代码时，并不需要如此。
  4. , , 元素全部支持固定的字母尺寸和间距。
  5. HTML中，元素元素定义键盘输入。例如：
  6. [list][*][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. To open a file, select:
复制代码
  1. File | Open...
复制代码
  1. [/code][code]
复制代码
  1. [/code]显示效果如下：[img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-2686c9809c46cb75786fc762444ae756[/img]
  3. HTML中，元素定义计算机输出示例：例如：
  4. [list][*][*][*][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]demo.example.com login: Apr 12 09:10:17
复制代码
  1. Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
显示效果如下：

HTML中，元素定义编程代码示例。例如：
  1. [/code][code]
复制代码
  1. [/code][code]Coding Example:
复制代码
  1. [/code][code]
复制代码
  1. var person = {
复制代码
  1.     firstName:"Bill",
复制代码
  1.     lastName:"Gates",
复制代码
  1.     age:50,
复制代码
  1.     eyeColor:"blue"
复制代码
  1. }
复制代码
  1. [/code][code]
复制代码
  1. [/code]显示效果如下：(元素不保留多余的空格和空行）[img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-8192f54562d018724017a2e0315bdbb4[/img]
  3. HTML 中，元素定义数学变量。例如：
  4. [list][*][*][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. Einstein wrote:
复制代码
  1. [/code][code]E = mc2
复制代码
  1. [/code][code]
复制代码
  1. [/code]显示效果如下：
  2. HTML 注释HTML中，标签用来向 HTML 中插入注释。具体语法如下：[code]
复制代码
另外，HTML 注释也支持条件注释，例如：
[code][/code]条件注释只有满足条件时才会执行，例如上述代码是只有IE浏览器执行的标签。

回复
分享到 :
0 人收藏
返回列表
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

2级吧友
Coder的自我修养

积分:25
帖子:5
精华:0
+ 关注 私信
期权论坛 期权论坛
期权网络科技版权所有
关于我们
联系我们
加入我们
反馈问题
免责声明
积分充值
统一社会信用代码
积分规则
网站地图
爱文库
下属网站
官方
新浪微博
微信公众号
◆
下载
表情包
App下载
期权论坛 期权论坛

QQ咨询|关于我们|Archiver|手机版|小黑屋|( 辽ICP备15012455号-4 ) Powered by 期权论坛 X3.2 © 2001-2016 期权工具网&期权论坛 Inc.

发布
内容

下载期权论坛手机APP