札记丶2017-09-06
今天从格式化学到了注释,马上就要学习CSS,因为感觉CSS经常被单独拿出来说,所以决定还是把它单独放在另一个记录本里。
![](https://img.haomeiwen.com/i5595758/b15d72a07ef016cf.png)
实现效果:
![](https://img.haomeiwen.com/i5595758/92cb4158e4da5033.png)
实现步骤
简书为什么不能直接拷贝代码????
好吧,我还是自己手写吧
1.一个短引用
实现效果:
![](https://img.haomeiwen.com/i5595758/c8cd12396be233d3.png)
实现步骤:
<p>我们的目标是:<q>没有蛀牙</q></p>
2.一个长引用
实现效果:
![](https://img.haomeiwen.com/i5595758/cdd7f47f66d24f58.png)
<p>以上内容来自于Fantasychong的官方小店:</p>
<blockquote>
欢迎来到Fantasychong的数码小店,这里有更时尚更炫酷更好用更实惠的数码产品<br />
小米6,小米MIX2,华为P11,华为Mate10,一加5.
</blockquote>
3.几种缩略词的表现方式
实现效果:
![](https://img.haomeiwen.com/i5595758/e784c2f32061d18c.png)
实现步骤:
<p><abbr title="Fantasychong is good">Fantasychong</abbr>本店距离百年老店还有九十九年零十一个月又三天</p>
<p><dfn title="Fantasychong is good">Fantasychong<dfn>本店距离百年老店还有九十九年零十一个月又三十天</p>
<p><dfn><abbr title="Fantasychong is good">Fantasychong</abbr></dfn>本店距离百年老店还有九十九年零十一个月又三十天</p>
<p><dfn>Fantasychong</dfn>本店距离百年老店还有九十九年零十一个月又三十天</p>
4.定义著作的标题
实现效果:
![](https://img.haomeiwen.com/i5595758/74bfa7bf33ed6a4e.png)
实现步骤:
<p><cite>我的前半生</cite>by Fantasychong in 1995</p>
5.控制文本方向
实现效果:
![](https://img.haomeiwen.com/i5595758/83f9a1ad603495e7.png)
实现步骤:
<bdo dir="rtl">让世界感受痛楚吧</bdo>
6.HTML键盘格式(具体应用尚未得知)
实现效果:
![](https://img.haomeiwen.com/i5595758/df42e9f75405a639.png)
实现步骤:
<p>要打开这个文件,请选择</p>
<p><kbd>File | Open...</kbd></p>
7.HTML样本格式
实现效果:
![](https://img.haomeiwen.com/i5595758/f6e614ab866990e6.png)
实现步骤:
<samp>
how are you fine thank you and you fine thank you nice to meet you nice to meet you
</samp>
8.HTML代码格式
code结合pre
实现效果:
![](https://img.haomeiwen.com/i5595758/22f5613df57626a2.png)
实现步骤:
<code>
<pre>
public void OnClick(View view){
switch(view.getId()){
case R.id.main_btn:
Toast.makeText(MainActivity.this, "66666666",LENGTH_SHORT).show();
break;
}
}
</pre>
</code>
9.定义变量(斜体显示)
实现效果:
![](https://img.haomeiwen.com/i5595758/56e52753e5eadb3f.png)
实现步骤:
<p>阿尔伯特·爱因斯坦写到:</p>
<p><var>E=mc<sup>2</sup><var></p>