有關簡介上色及美編

    書籍的簡介往往是吸引讀者的利器，而簡介文字的上色及排版就顯得更加重要了。若文字的型式色彩都相同，則無法凸顯重要或該注意的部分，也沒法讓讀者理解作者所想表達的意思。

Q9q1wUfOTzxlJkCZvE4XLIc6Vyt0usBAi8gpFW3D

    因此，簡介特別需要鮮明的色彩跟工整的排版；今天，我就來做個小小教學吧！

PRwybQtonCikDxr62fGgKVY5EWBq3NXMc1ueJsp4

    popo簡介需要使用html語法，才能替文字上色、排版；html語法通常是拿來架構網站用，故而其語法的「文字控制與設定」功能非常重要。

D4OFinw2ektZa7MylEczgRfuL9XjA5oGmTPVCJsK

    註：此篇短文的教學比較適合使用手機的作者。

8wfQbFuP7YxvDWXeanqtk3rLi04MBcIESVmG1Zlo

*****

2ELeqX0aw6UbtsJvKD8ModPgRxl4NhiB71rWFSnH

一、文字的形式

Ca495KOxi2brDEUIf7MGSHnwquht3jo8ZXymJLQp

NAg5l8u7QL4xeikpTOJUKBdzCPofvY1E0IsySwhF

1.需求：加粗字體(粗體)

xwXmIhMdq0BPUAuN1WepJv9cK7bTnQl5yHfiLrEg

語法：<b>文字</b>

VTC4vKXNi8DLdnGsUqSIexjgckz0Zar17hOPb5oR

例如：想要強調「我喜歡寫作」

cygpKjYe7Gzn8EPaJxmMtWlXoHduvRLskw6VFr04

寫法：<b>我喜歡寫作</b>

i7alYeGK1xVXR2QPvWscMzom6nLJUjIu0Fq985gA

ZoLfKeudbIiqnC0AyPvtNVE14XYRQw7Uhc5MSr39

2.需求：讓文字傾斜(斜體)

13vgUVz8f0mQikrNHaxwWqG9hTcCDSpB74JA2ZY6

語法：<i>文字</i>

dTZNYeIElWbokOHnvfaVxMmjL6wsKt8D2puA9y0Q

例如：寫到書名「哈利波特」      

Qx397nkiwZYRdAjHSF4aKCgsPpeqvztJNB2hM50X

寫法：<i>哈利波特</i>

SAMhdNQxItgo59XqnZwClE20Kr8jik7evscRfy63

kMPgszHjn9TXKS6DoeCYrqGxWEphBUv3408uFabc

3.需求：加上刪除線(在文字上畫一條線)

VJ5Gi1FpAOHgESPn7zB8INC9rZ0R3XbDwUsqTKkf

語法：<s>文字</s>

HqCRKd0lAyzEgQi8vw2Fp3PBfDnIJrbaeUYcXt69

例如：想要調侃「這是個勵志溫馨的故事」

fHJhyZQUabPdIl43kYNtgVp8K6zLXSW7wjMvAcOB

寫法：<s>這是個勵志溫馨的故事</s>

d4gYq3kc5QviFDCe1OhKE8PnIybarTVlH6tpZMxz

emRtHslBZbj2gxwIdN5XaWDSLzycYATivPUC1Or6

4.需求：畫底線(在文字下畫一條線，像畫重點)

SUQgjGnfH5vDRbuY0Fw4o962ZlNqErXszhKkPc8a

語法：<u>文字</u>

Hpd6NYA9eUawb32j5uLMSvcP7qhDgK1zZVlEC8mQ

例如：想要強調「不定時更新」

YhvJ3zTF1VSWdG4wgHur5bsMPAXOlLfUyCZExtRk

寫法：<u>不定時更新</u>

Sri9A8ZOecXGuRoU5sdKJybMnEYgjFtVLTmNQPzh

4MOTxAY7cfvQg9ChsIpmqNeWjHVFo6DLEk81UXB5

二、文字的分段

fnyNdFgQ0sWxMY1Hr5IlwGjTURD2aEoz7CVht9ck

ZStGjhLYV7QyrzMKf5OmFPEARonB4xIqwc3uvpDg

1.需求：換行

Tk5de9wfyD6Lro21YcbQ4H8gSNMUa3EJGIVCjAv7

語法：<br>文字</br>

jlShzCxKg4N8FenZHayJuUpATR0m5XIYbEd1G3sL

例如：打了「這是一個工具它很實用」

Doc67JyURCFOk9wzYfMshXIvdg4uAGSqaxWKZ31m

寫法：這是一個工具<br>它很實用</br>

VMxQjy6CW9utbXPdTA7ghswZ40ISzH8cNaLp5BrG

1Epl7ysXPx4LfSz2FbcB6ma93jduHnQMTJUek8RI

三、文字的大小

3sbvSiOyMwm59uxepzrJ8fH1Z2NQ0EtdRWkPKqcT

Sso7zrX1QIAjHRqCKiDMVFY0J8bxeBLchmuZWOd2

1.需求：更改文字大小

flC3hYQnDx0XBVyZ6zbrimegAdTSNOwoJsqvI9LM

語法：<font   size="1">文字</font>

tGFZze3s8gH7bMxDXVjhnCauvPYyqRBliNAU52W9

例如：放大「她是校花」

TGLMX9IdsrA7815iHwK4uFRU2SNpevfhJDzt3Cxq

寫法：<font   size="3">她是校花</font>

6om27ld3WYXhr81CfBOGDy4FxUiJztcK5wavZnkT

說明：我試過，size3就算放大了

u5Q6iRX0evnKjbPTWAYfStaHNIxG2hpMCrd9cD78

備註：size有1~5。數字越大，文字越大

d9VNOBfkjAHiym3e8KrvzonJPD6LRZWX0SQtFGIU

wI0FdkqT7NDLgxJhbpS3O8BAGuMfErizsUC4Pcae

四、文字的顏色

3cfghG8MZXAkutNoP5rD7RnYVvQEFy1bd496l0pT

BVEIlvuMjxR2qcs03OGU7fC1Kpb9hgXPYWytTZmw

1.需求：替文字上色

WZSRlhY15L6CsT8PycteJo3jdGbVpUu4vIxkKwN9

語法：<font   color="white">文字</font>

azXdfcRkQwTsqVGPm9xIZCUylhJKAv806De4WrbF

例如：想要打出粉紅色的「她很可愛」

jDpM62VhTE5HFfJXZPtIyGensx7aKcSgkrw3CQzv

寫法：<font   color="#FF3EFF">她很可愛</font>

VYMAI3Xvmr7RhUOSExulnKDtgapfjJwNd64HoT01

說明：「color=」後面可直接填寫該顏色的英文(只限紅、藍、黑、白四個顏色)或是使用色碼

mrdwZIOfK08xYhMzELH7XbjgSDtvA1ik4TNeBayC

範例：color="#FF3EFF"

lZHvgi0QKtdXm5sxUNjp7IhT2WV4uBeGq8JRor3c

備註：色碼表參考//rhinejo.myweb.hinet.net/home/color/color-cord.html  

5Qq4OLp3PwWzCJMKcuUTt1S7g2oVdhBHNZvrFaYR

2nh6u4yQO8fDrw5dqSMgpzsZ9xKjbCF7LXNR0ioG

五、文字的字體

PLjTwaNhBiOKf82UMVl03IzvG1rqCnYg6R7Jkb4W

NHiTeu31A7pc2n6dszj4UIg5tx0wfyvm8JlRCQPE

1.需求：想要打出標楷體

6xEnGPW4LHKeIruXbO3UmCRtBkp5ZsJ1oDdigAz2

語法：<font   face="標楷體">文字</font>

GvD0TzfALetFp5rCVRYXHSOdyWUjP9Qhnis4qIZa

例如：想要用標楷體寫角色的名字「王小明」

zWUB0lJkAhwvMeT5aXEx7mt1usRqZG2YCg8bQIK4

寫法：<font   face="標楷體>王小明</font>

loHfQ0MKZDP6JyhCV4cYSb3jAq2OpsLTmaIiNtvE

說明：若瀏覽者的電腦沒有安裝這種字體，則無法顯示你所填寫的字體

p2IPCShEARztBXlrgT9Odsm6yqxewHfnKckDNJ15

備註：建議填寫常見的字體

WSqxTaXb3szRwkvouFc5Ydg9ljf0ZMApe2VCL46B

iyexEdS0tb1Mqp2A7m5OKuvFN6BXRjIz9Lw3r8CW

六、文字的位置

hctBHe5oDsYVfxnQO87paGmlCM0XvrwkIdKS41gu

4AiTHzOnCKdvG3fMqt0bx2s5EmSXZIR9lpWQwg87

1.需求：將文字靠左、靠右或置中

QIsRtTi3MLHCwdx4XjE15lJGmVF7AZNOgqB6bcoa

語法：<font   align=center>文字</font>

XfJR4ZcsnmCkIoraBdwqP9WeyMjL6lu5OSYpAi7v

例如：想要把「求收藏、求珍珠」置中

9duHJiMnVqabZwjL8vBfklgmYF6UsX4yEhtcPWKr

寫法：<font   align=center>求收藏、求珍珠</font>

NRUtbnx12p8qEWQPZAujogsIvdy6iarS3KBVXJhM

備註：可替換，left(靠左)，right(靠右)，center(置中)

g7vKRmNEJrXFO80uVkdhwqInl6pi2fSeLBDPtQ5U

RgeIOUqtTj3vNZJ8Xlw0kf2cQAa5V1o6ySbYiMEu

七、文字的底色

FTPO0C2zyhBZ9YQuX6VeUAiDMkaW7pN3gs1v5dqx

wk7PR6vQIWThBN93Fit1OYDVfsp4HMd5CyogXUAc

1.需求：增加底色(類似畫螢光筆的效果)

6blqwv08Ro5J1uPcNmT4XFGnZkWOYfr97ILQdHjz

語法：<font   style="background-color:white">文字</font>

t0MFPfG59oyEirJ6lBChgIOsVXZ2x7dcbNvajmuS

例如：想強調「珍珠每十顆加更」

NjKhFbGQVOU9md2ztqlfT1Ewv4BRpeyZP65WkaDM

寫法：<font   style="background-color:white">珍珠每十顆加更</font>

4BHdmEDviVyFRxO6GbZqsWrMpAPzt3CuXSTka0lI

說明：寫「white」的那個地方可以替換成顏色名稱或色碼

bZcF9YroyUpSgz8e5lQx2NmC7wafAvD36KqVh4Bt

備註：色碼表參考://rhinejo.myweb.hinet.net/home/color/color-cord.html

lNuPY1QGv42p0gxneicoa93JZd6EtTmR5fByXI8C

wabGfOel8AIDzhCnrxmNY6T0sMVy1PjkRE4igt93

八、文字的超連結

GBOwJrXPeFTsI08SC7nDmpalWHfuExNRcZozjhq4

7k2jTu9YICyrwWmU1gsbvHa4ZlfDNX5pdcxqniQM

1.需求：附上歌曲或google表單的連結

hp64yunPBXObdAzKHx273LCaEejJcoWt1RGfYrV0

語法：<a   href="網址">文字</a>

2POkTRBjAYMHSmI0ugsyGbtWzp874LQ1UcF5Cih9

例如：想推薦歌曲「學貓叫」  

T1ObKdZge92yAVk5G8Q0jiYphfqlMUH7owXD4ucP

寫法：<a   href="https://youtu.be/OHbwkZgkBIU">學貓叫</a>

7Kp5zxVser2jOWYwPBcFZEkvfJ9AG3DXmg6QLa4d

WxCV9NtpZqoEcOyj5bXh7mvrSnw0f2aBG8RgJd6Q

九、混合使用語法的技巧

fCQi5YytZopD8lsVckFJEdj3NK0hUzmrwMuHGOx6

8IgkJMTLV9N6uzZro1iw340lnG5cSFyOaYbd7Qvx

1.需求：想同時放大字體、更改顏色並加粗

6ZAcx3mRkBKufyw5FJp08DCEhtinWTs7b2QejvzI

語法：<font   color="色碼"   size="3"><b>文字</font></b>

kGrS2Yb5lpI76TmiCVRMu439XnAQt0DLKqHOgdaW

例如：想要強調「天空很藍」

8POwtGu2hR1oIJHbAdLKcxfNSU4zVjDl0kpqFE7a

寫法：   <font   color="#33CCFF"   size="3"><b>天空很藍</font></b>

5QOaVrbdEIfeuk4mZ8s16zqw2G0NAXWtHSvgMJYl

備註：記得在<font   color="色碼">跟<size="3">之間空一格

7fPcw98FDpiTdl2C4aKgUjhYLvGtxW0srRHX6JkM

R72mXWcPL01hN3OxAEfvSbaUGZ85gtwJyDn6jHi4

2.需求：想同時放大字體、更改顏色、加粗並放超連結

R9Mb4SwHDUa7k8t0dj6rOu2F5vsC1xYLlpfPIqKN

語法：<a   href=網址><font   color="色碼"   size="3"><b>文字</a></font></b>

bcUMzf8Dd0pnYSoZ2iOuq9kyTjQsIJvAr1aWxlH6

例如：想要寫「popo首頁」

gpyTkZV745lYSCEXdOU2Gn91hf6mK0iBq3RjNIQu

寫法：<a   href=https://www.popo.tw/index><font   color="#AAAAAA"   size="3"><b>popo首頁</a></font></b>

5q7gLvoD1UYzZRkPH4IyVO9tApSuhjwQFKET0Bmb

備註：<a   href=網址>需放在最前面

cLEJ2wb7Wz5dA4RDZoit8UyKkmCjBFg3QxalPrV1

說明：若沒有放在最前面，可能無法顯示

49rVk8JjOzRNBpXiw5mydYhuZ2agSltcns37FoKH

*****

dRFsN6w4nGvbkhBDVMOmltCKoQU5ASfxX2ja1qcP

額外提醒：一般html語法都有個共通點，他們皆有「開始」與「結束」。

rNsAOSD96pwYziP2heIXoUlC3k4mRdZatVgufMx0

例如：<b>文字</b>

1kw0hscbHWl5ZG82QeR43AuTYNyBXaIqjpf7PK6S

<b>是它的開始、</b>則是它的結束，且結束都會增加「/」；如果漏掉這個重要的一撇，就會讓你的語法無法成立

gueGK5c2j4OsZLIJEUfC0ykX7ADSPdir8zNTm1pQ

*****

0rP4LBT3qESbGZWlHxfytgVIjUORKDazuJFhMkYv

Lokpw5E0hNbM4yGPd3fsKFzCiVXv9rTjaDt1eQ6O

0WaMwi7j2FKn5ftyB86VSAeQh3HRl9LcEPIOrTDC