2017-2-15从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>
时间: 2024-12-25 20:21:01

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

Web前端学习笔记(001)

....编号    ........类别    ............条目  ................明细....................时间 一.Web前端学习笔记                                    2016年6月15日10:38:53    /****************************************************************begin******************************

WEB前端学习笔记 四

接上一篇,web学习笔记 四,在此感谢您对此篇笔记的认可,但转发时请注明文章出自网知博学. 2.0  html的语法格式 html的标签要写在尖括号中 :<> 在在英文输入法状态下,按住shift键然后再按它左侧的尖括号就可了, 先学习一个简单的h1标签,是个标题标签,在html中这样写: <h1>我在h1标签中,我就是标题</h1> 那么h1标签中所包裹的文字,就标记成标题了.通过浏览器的解析后在页面上显示出来的效果就是字体加粗,加黑,和word中的标题性质一样! 大

WEB前端学习笔记 五

接web前端学习笔记第四篇,此篇为web学习笔记 五,在此感谢您的采集和转发,但请注明文章出自网知博学. 2.0.3  html标签的属性格式 现在我们知道了两个双标签分别是,标题标签:<h1> - <h6>.和段落标签:<p></p>还知道了一个换行的单标签:<br />,现在我们给<p></p>标签添加一个属性,来改变段落是右对齐,还是左对齐,还是居中. 如上图,<p>标签中的 align(中文就是排列的意

Cocos Studio1.5.0.1开发学习笔记(一)

听说Cocos Studio很久了,主要是因为骨骼动画.目前看来Cocos2d-x播放动画的方式只有2种: 第一种:是播放序列帧动画,即将动画的每一帧都加载进缓存里,需要播放时再使用Animation类来播放,这种方法简单暴力,应对一些细节要求低的动画场景的时候,这么干无伤大雅.但是当动画帧数稍高的时候就会需要大量的图片,消耗资源很大. 第二种:是由Cocos2d-x提供的Action类来播放动画,这种动画是在帧循环中靠调整每次渲染的坐标来打到动画效果,由于帧循环是1/60秒刷新一次,会让这样播

WEB前端学习笔记 一

最近时间比较充裕,整理了一下学习过的笔记,此篇笔记包含了:Html.Css.JavaScript.Jquery.以及使用帝国CMS或是织梦CMS建立自己的网站,也许也会整理一下PHP的笔记,如果时间允许会整理完全. 虽然笔记是从最基础的开始,但是,并不包含电脑的基础知识,所以你必须已经掌握了一些电脑的基本操作,比如开关机,你的电脑用的是什么操作系统,至少也要会用word和wps吧.浏览器是做什么的,什么拷贝.复制.粘贴.知道最基本的文件类型,如,文本文件,视频文件,图片文件,什么是可执行文件,分

大前端学习笔记整理【一】CSS盒模型与基于盒模型的6种元素居中方案

概览 CSS盒模型,规定了元素框来处理元素的 内容.内边距.边框和外边距的方式 元素部分是指内容部分,也是最实际的内容,包围内容的称之为内边距,内边距外围是边框,边框外围就是外边距:且外边距是透明的,所以并不会阻挡其后的元素 * { margin: 0; padding: 0; } 这是在CSS中最常见的初始化CSS的代码,用于覆盖浏览器的默认样式 浏览器兼容性 大多数浏览器都会按照上面的图示来呈现内容.然而 IE 5 和 6 的呈现却是不正确的.根据 W3C 的规范,元素内容占据的空间是由 w

WEB前端学习笔记 三

接上一篇,web学习笔记 二,web学习笔记刚刚发出,就发现被其他网站采集了,在此感谢您的采集和转发,但请注明文章出自网知博学. 1.7  开发工具的选择 增强文本编辑器:EditPlus.Notepad++ 特点:比较小.占用系统资源比较少.代码颜色高亮显示.但没有代码自动补功能 IDE:(Integrated Development Environment,集成开发环境).IDE集成开发环境(简称IDE)开发环境就是指在开发软件的时候需要用到的软件.这些软件包括代码编辑器.编译器.调试工具和

前端学习笔记

If fear is cultivated;it will become stronger; If faith is cultivated;it will achieve mastery. -----<阿甘正传> 开通前端学习博客,每个阶段一个目标,总结自己的收获以及所犯错误,不忘初心,方得始终!

MySQL4.0命令操作学习笔记

声明:下列内容并非原创,仅仅是最近学习笔记整理. -------------------------------------- 进入mysql安装路径bin目录下: 1.开启服务 winmysqladmin.exe 回车按照提示: 输入winmysqladmin初始用户.密码(注:mysql里用户.密码)随便填必意 2.根目录密码重置 mysqladmin -u root -p password 123456 回车出现 Enter password: ( 注:叫输入原密码. 刚安装时密码空,所直