组合样式

难度系数:☆☆☆☆

自己编辑的方法


参考样式



查看样式:http://mo004_999.mo4.line1.uemo.net/page/15641/

*将表格隐藏掉的虚线标注出来,看起来更清楚

QQ截图20180919171601.jpg


排版方法


 

1.我们先做第一个表格,第一个表格为,左图右文,装饰线把文字分割开,起到了透气和装饰的作用

首先打开编辑器

插入1行3列的表格,因为图片与图片之间有距离,中间要隔开 

边框为“0”(“0”是为了,没有边框,只有表格的格式,看起来更美观)

 

QQ截图20180919171831.jpg

2.生成的表格是这样的~

QQ截图20180919171903.jpg

3.添加图片和文字

点击第一行的第一列,第三列,在第一列表格里“插入图片”

第三列表格里插入文字,且在适当的位置,插入分割线(装饰线)图片示例:(和前台看到的不一样对吗?别紧张,前台已经排版很OK了,不用担心。)4.我们来看下前台的样式:

 

QQ截图20180919172424.jpg

4.第一个表格完成后,插入一根分割线,一段文字,接下来是第二个表格(2行5列),同样我们的间距用表格里的空格来生成

QQ截图20180919180015.jpg

文字编辑完后,以“均分3列的排版方式”制作第二个表格,需要稍微变通一下。

制作完成后的表格为:

QQ截图20180919180355.jpg

我们把表格和内容合在一起看一下:

QQ截图20180919180609.jpg

 

 

5.参考其他教程,我们可以组合出许多样式

如有更高要求的排版,我们为您提供有偿图文编辑服务

详情加QQ:2852263145

 


复制代码的方法


复制下边的代码,到编辑器的“HTML”里QQ截图20180912182800.jpg (每个编辑器里按钮长得都不同,但通常在编辑器的最左边!

<table>
    <tbody>
        <tr>
            <td style="vertical-align:top; width:450px">
            <p><img alt="" src="/templates/upload/999/201611/1478849722979.jpg" width="450" /></p>
            </td>
            <td style="vertical-align:top">&nbsp;</td>
            <td style="vertical-align:top">
            <p>优爱医院是国家卫生计生委指定的全国疑难重症诊治指导中心,也是最早承担高干保健和外宾医疗任务的医院之一,以学科齐全、技术力量雄厚、特色专科突出、多学科综合优势强大享誉海内外。在2010-2015年复旦大学医院管理研究所公布的&ldquo;中国最佳医院排行榜&rdquo;中连续六年名列榜首。</p>

            <p>&nbsp;</p>

            <p><span style="font-family:微软雅黑,'Microsoft YaHei'; font-size:16px">医院资源</span></p>

            <p>&nbsp;</p>

            <p>优爱医院是我国在改革开放后首批国外无偿援助项目,是当时中国最富于国际色彩、设施最为先进的现代化医院。自诞生之日起,医院就站立在了时代的前列,承载了国家引领医院体制改革、实现医学卓越创新,建设中国最现代化医院的重托。</p>

            <p>&nbsp;</p>

            <p>优爱医院在三十余载的发展历程中,努力践行科学和人道精神,不断追踪现代医学发展,着力传承中华医学瑰宝,创造了无数个或医院、或地区、或国家的第一。辛育龄、潘孝仁、焦树德、印会河、王国相、晁恩祥等医学前辈的大医风范和所取得的学术成就</p>
            </td>
        </tr>
    </tbody>
</table>

<p style="text-align:center">&nbsp;</p>

<hr />
<p>&nbsp;</p>

<p style="text-align:left"><span style="color:#333333; font-family:微软雅黑,'Microsoft YaHei'; font-size:20px">以执着的医志、高尚的医德、精湛的医术和严谨的学风</span></p>

<p>&nbsp;</p>

<p style="text-align:left">医院的内分泌科、呼吸内科、风湿免疫科、老年病科、急诊医学科、胸外科、疼痛科、中医风湿病科、中西医结合肿瘤内科、中医肺病科、肛肠科、临床护理专业等科室及专业被评为国家临床重点专科建设项目。</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<table style="width:1100px">
    <tbody>
        <tr>
            <td style="vertical-align:top">
            <p><a href="http://moue.jsmo.xin/templates/upload/965/201610/1477632494602.jpg" target="_blank"><img alt="undefined" src="/templates/upload/999/201611/1478851739987.jpg" width="350" /></a></p>

            <p>&nbsp;</p>

            <p>医院在党建及精神文明建设方面成绩突出,获得全国文明单位、首都文明单位标兵、国家卫生计生委直属机关文明单位、全国卫生系统创先争优先进集体等荣誉称号。</p>

            <p>&nbsp;</p>
            </td>
            <td style="vertical-align:top">&nbsp;</td>
            <td style="vertical-align:top">
            <p><img alt="undefined" src="/templates/upload/999/201611/1478851754449.jpg" width="350" /></p>

            <p>&nbsp;</p>

            <p>以&ldquo;做中国医疗事业先进的思想源和强劲的动力源&rdquo;为愿景,确立而立之后&ldquo;一年转观念、二年入轨道、三年开局面&rdquo;的阶段性发展目标,构建以业务技术管理体系和</p>

            <p>&nbsp;</p>
            </td>
            <td style="vertical-align:top">&nbsp;</td>
            <td style="vertical-align:top">
            <p><img alt="undefined" src="/templates/upload/999/201611/1478851761770.jpg" width="350" /></p>

            <p>&nbsp;</p>

            <p>当前,全院上下秉承&ldquo;昌明进取,正道力行&rdquo;的院训和&ldquo;以教为政,为职工建设良好的事业发展平台&rdquo;的核心管理理念,以&ldquo;照护生命与健康&rdquo;为使命,</p>

            <p>&nbsp;</p>
            </td>
        </tr>
    </tbody>
</table>

粘贴好后,现在前台预览,看看有没有问题,准确无误后

点击QQ截图20180912182800.jpg返回图文编辑器,在原有的排版表格里,修改图片和文字不要修改原有的表格框架就好。

 

 

 

 

扫描二维码分享到微信

在线咨询
联系电话

400-888-8888