HTML5--02 HTML5的基本文本

<head lang="zh">
    <meta charset="utf-8">
    <title>我是标题!</title>
</head>
<body>
    <h1>I关于换行</h1>
在源码中回车换行,并不会起到换行的效果<br/>
那么换行是如何换行的呢?<br/>
其实和正常的语言一样,在句子的末尾添加一个<</body>br/>就好了<br/>
可是是不是发现行间距太紧凑了呢?
    <p>太对了!使用<</body>br/>是换行,而想像现在一样空隙大一点,这就叫做一个段落.<br/>
        使用<</body>p><</body>/p>这个标签来定义段落文本,快来试试吧!
    </p>
    <h3>Tip:转义字符</h3>在我编辑上面的话的时候我发现了转义字符的使用,他并不像在OC中用/来表示.<br/>
而是在标签前的"<"符号后添加一个<<body>/body>标签,下面以<</body>br/>举例:<br/>
我在代码里输入<</body><</body>/body>br/>,在效果上就会显示成<</body>br/><br/>
PS:双重转义好麻烦啊,看看我的源码,欲哭无泪啊<br/>
    <br/>
想不到吧! emoji都可以的!不过代码里就变成小方块了.<br/>
    <h3>补充:</h3>
我发现我的<</body>/body>被开发软件标记为黄色提醒,提示说Closing tag matches nothing.感觉我好想用错了,<br/>
百度了一下才发现原来正确的HTML转义的方法是用『字符实体』来代替符号:<br/>
<a href="http://www.w3chtml.com/html/character.html">http://www.w3chtml.com/html/character.html</a>
    <h1>II标题</h1>
下面我们来说一下标题,就像MarkDown里的#、##、###、####……一样,从<</body>h1>到<</body>h6>越来越大
    <h1>我是h1:   <</body>h1><</body>/h1></h1>
    <h2>我是h2:   <</body>h2><</body>/h2></h2>
    <h3>我是h3:   <</body>h3><</body>/h3></h3>
    <h4>我是h4:   <</body>h4><</body>/h4></h4>
    <h5>我是h5:   <</body>h5>我怎么这么小<</body>/h5></h5>
    <h6>我是h6:   <</body>h6>还看得到我吗?<</body>/h6></h6>
    <h1>III字体编辑</h1>
不要羡慕NGA上那种帖子内丰富的文本样式,我们也可以做到的!只要你使用标签<br/>
<br/>
<li><b>粗体文本:   &lt;b&gt;&lt;/b&gt;</b><br/></li>
<br/>
<li><big>大号字:   &lt;big&gt;&lt;/big&gt;</big><br/></li>
<br/>
<li><em>着重文字:   &lt;em&gt;&lt;/em&gt;</em><br/></li>
<br/>
<li><i>斜体字:   &lt;i&gt;&lt;/i&gt;</i><br/></li>
<br/>
<li><small>小号字:   &lt;small&gt;&lt;/small&gt;</small><br/></li>
<br/>
<li><strong>加重语气:   &lt;strong&gt;&lt;/strong&gt;</strong><br/></li>
<br/>
<li>下标字<sub>[1]</sub>:   &lt;sub&gt;&lt;/sub&gt;<br/></li>
<br/>
<li>上标字<sup>2</sup>:   &lt;sup&gt;&lt;/sup&gt;<br/></li>
<br/>
<li><ins>下划线:   &lt;ins&gt;&lt;/ins&gt;</ins><br/></li>
<br/>
<li><del>中划线:   &lt;del&gt;&lt;/del&gt;</del><br/></li>
<br/>
<br/>
<br/>想知道我的这个点点是怎么来的么?很简单,标签&lt;li&gt;&lt;/li&gt;就可以实现哦
<br/>

</body>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值