美文网首页
札记丶2017-09-06

札记丶2017-09-06

作者: Fantasychong | 来源:发表于2017-09-06 11:09 被阅读0次

HTML文本格式化实例

1.预格式文本

<!--<pre> 在之前的普通文本里,多余的空格和换行都会被简化为一个空格,很适合计算机代码 -->

<pre>

我喜欢 你 

五 五洲融媒体 科 技  股份有 限公司

public void onClick(View view){

           switch(view.getId()){

                      case R.id.main_btn:

                               Toast.makeText(getApplicationContext(), "Fantasychong", LENGTH_SHORT).show();

                               break;

           }

}

my name is Fantasychon    g

</pre>

2.计算机输入标签(显示上大同小异,更多是功能性的)

<code>计算机代码</code>

<kbd>键盘码</kbd>

<tt>打字机代码</tt>

<samp>计算机代码样本</samp>

<!-- var的显示效果与上面的不同 ,是斜体,意义为定义的变量-->>

<var>所定义的计算机变量</var>

写一段注释,注释用粗体,其它为普通字体

<p>

<b>注释:</b>好久不见Fantasychong

</p>

这块经实际测试,加了段落<p>后会自动换行,就不用再输入<br />换行符了,段落<p>的显示方式会有间距,换行符</br>则没间距

3.地址(<address>下统一斜体)

<address>

<b>欢迎来到Fantasychong的数码小店:</b><a href= "http://www.hao123.com"/>屠龙宝刀,点击就送</a>

我的实体店店铺在:中华人民共和国陕西省西安市长安区韦曲镇长安大街2号创业大厦101室<br />

我的QQ:925179076<br />

我的微信:zhangyongchong<br/>

</address>

4.缩写和首字母缩写

在网页上显示的是简称,把鼠标放在上面会显示全称,acronym多用于首字母缩写,之后已经逐渐废弃不用

<abbr title= "etcetera">etc.</abbr>

<acronym title="World Wide Web">WWW</acronym>

5.文字方向

这个东西挺好玩的,就是你输入一段文本,外层嵌套这个标签,在浏览器实际显示效果就会被倒过来

,前提是浏览器要支持bdo(bi-directional override)该元素可覆盖默认的文字方向。

比如说我们输入一段文本,然后让它从右到左输出(rtl)

<bdo dir="rtl">

My name is zhangyongchong,what's your name?

</bdo>

6.块引用

长引用一般用<blockquote>标签, 短引用一般用<q>标签

长引用一般引用长的文本,会单独有个段落,而且会有间距

短引用一般引用短的文本,比如一句话,后面会自动加上双引号" ",并没有间距

 这是长引用:

<blockquote>

张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲张永冲

<blockquote>

这是短引用:

<q>五杀薇恩浪爆全场</q>

7.删除字效果和新增字效果

效果是在字上加了一条横线和加了一条下划线,一目了然

删除<del>

新增<ins>

<p>我的名字叫薇<del>恩我的</del>名字叫薇恩张<ins>永冲张永</ins>冲</p>

相关文章