首页 > 其他 > 详细

2017-2-15从0开始前端学习笔记-文本

时间:2017-02-15 18:53:06      阅读:251      评论:0      收藏:0      [点我收藏+]

2017-2-15从0开始前端学习笔记-文本

文本

  • 粗体和斜体

<b>bold粗体</b>
<i>italic斜体</i>
  • 上标和下标

<sup>上标</sup>
<sub>下标</sub>
  • 空白

  • 换行符和水品线

<br/>换行符
<hr/>水平线

语义化标记

  • 加粗和强调

<strong>加粗 加强语气</strong>
<em>强调 斜体 能改变语句的含义</em>
  • 引用

<blockquote cite="#">标记较长的引用 用cite=“#”表示引用的来源</blockquote>
<q>标记较短的引用 但IE浏览器不支持</q>
  • 缩写词和首字母缩写词

<abbr title="表示缩写内容">缩写词首字母缩写</abbr>
  • 引文和定义

<cite>表明引用的来源 在html5中不用于人名 显示为斜体</cite>
<dfn>表示一个新术语的定义 某些浏览器会显示为斜体</dfn>
  • 设计者详细信息

<address>包含设计者联系详情 通常显示为斜体</address>
  • 内容的修改

<ins>表示插入到文档中信息  显示下划线</ins>
<del>表示删除的文本 显示为删除线</del>
<s>表示不准确或不相关却不应当删除的内容 显示为从中穿过的线条</s>

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>文本</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
    <h1>The Story in the Book</h1>
    <h2>Chapter 1</h2>
    <p><dfn>“老司机”</dfn>可以指在某些方面熟门熟路,资历较老,见识广,经验足的人。通常这个词伴随着惊叹与崇敬之意。在<cite>游戏</cite>、<cite>贴吧</cite>、<cite>论坛</cite>等各种网络社区中待得久,资历老的用户会被称为老司机。一般另类的说法还有<i>老船长</i>、<i>老机长</i>等的说法。</p>
    <p>“老司机”一词在2015年逐渐兴起的一种用法发源于网络评论区、社交网络、IM工具。在微信、贴吧、QQ、微博等地中,手头保有的资源丰富的人会被崇拜者以及急于索取资源的人称为“老司机”。因此“老司机”经常特指在网上分享资源,或者显摆自己资源的人,并常伴随着“老司机快发车(也作开车、飚车)”、“老司机带带我”、“老司机又发车啦”这样的语句使用。<sub><abbr title="老司机是什么意思?">[1]</abbr></sub>  当“老司机”的资源未能发上去时被称为“老司机翻车了”。之后来的人看到翻车了会补刀一句<em>车祸现场</em>。</p>
</body>
</html>

2017-2-15从0开始前端学习笔记-文本

原文:http://www.cnblogs.com/wangxiaofeng5277/p/6402547.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!