首页 > web前端 > H5教程 > 正文

HTML5的文本样式实例介绍

PHP中文网
发布: 2017-06-20 13:49:22
原创
2104 人浏览过

 文本样式

 <b>加粗</b>

 <i>倾斜</i>
 <u>下划线</u>
 <s>删除线</s>
 <sub>下标</sub>
 <sup>上标</sup>
登录后复制
<code class="xml"><span class="hljs-tag"><span class="hljs-name"><span class="hljs-tag"><span class="hljs-name"><span class="hljs-tag"> <<span class="hljs-name">p></span></span></span></span></span></span></code><code class="xml"><span class="hljs-tag">段落元素</span></code><code class="xml"><span class="hljs-tag"><span class="hljs-name"><span class="hljs-tag"><span class="hljs-name"><span class="hljs-tag"><span class="hljs-name"><span class="hljs-tag"></<span class="hljs-name">p><br/></span></span></span></span></span></span></span></span></code>
登录后复制
<code class="xml"> <span class="hljs-tag"><<span class="hljs-name">br/>强制换行</span></span></code><code class="xml"><br/><code class="xml"><span class="hljs-tag"> <br/> <<span class="hljs-name">hr/>分割线</span></span></code><code class="xml"><br/></code></code>
登录后复制
<code class="xml">  <br/></code>
登录后复制
 <br/>
登录后复制
<code class="xml"><img src="https://img.php.cn/upload/article/000/000/001/a65c675bee748228335923caaac3fa27-0.png" alt=""/><br/><span   style="max-width:90%"><strong>制作表格</strong></span></code>
登录后复制
<code class="coq"> table<br/> tr(行)<br/> td(列)     
 cellspacing:设置外边距     
 cellpadding:设置内边距     
 align:水平对其方式<span class="hljs-built_in">left/<span class="hljs-built_in">right/center     
 valign:横向对其方式<span class="hljs-built_in">top/middle/<span class="hljs-built_in">bottom     
 caption设置表格标题,必须跟在             
 table后面显示在表格上面<br/></span></span></span></span></code>
登录后复制
 
    1 2 3
    4 5 6
     
     78 9
登录后复制

列表

无序号列表:

<ul><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li></ul>
登录后复制

有序号列表:

<ol><li>a</li><li>b</li><li>c</li><li>d</li><li>e</li></ol>
登录后复制

以上是HTML5的文本样式实例介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板