顯示具有 html 標籤的文章。 顯示所有文章
顯示具有 html 標籤的文章。 顯示所有文章

2016年6月19日 星期日

HTML list 樣式

有編號的 list
<ol>
<li>...
</li>
</ol>

變更編號
<ol type=a>
...
</ol>

type可有1,A,a,I,i等值

無編號的list
<ul>
<li>...
</li>
</ul>

變更編號
<ul type=square>
...
</ul>

type可有disc(預設), square, circle等值

定義 list
<dl>
<dt>Definition Term</dt>
<dd>Definition Data</dd>
</dl>

2016年2月22日 星期一

網頁部分亂碼 編碼utf-8 Big5

Q: 網頁提取資料庫資料, 顯示結果出現部分亂碼.
A: 因為資料庫中資料為utf-8碼, 但網頁文字卻以Big5碼撰寫.

1. 以Notepad++開啟網頁, 選擇「編碼(N)」功能, 「轉換至 UTF-8 碼格式」, 存檔.
2. 在html開始<head>頁籤中加入語法
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
存檔.

(買新手機, 昨天兒子幫我備份還原手機通訊錄時, 才告訴我 Notepad++ 的轉碼功能, 今天就派上用場了:), 真的很好用啊!)

參考資料:
http://blog.xuite.net/metafun/life/203344265-PHP%E4%BA%82%E7%A2%BC%E5%95%8F%E9%A1%8C%EF%BC%8CUTF-8%E4%BA%82%E7%A2%BC%E5%B8%B8%E8%A6%8B%E5%95%8F%E9%A1%8C%E5%B0%8F%E7%B5%90


於 HTML head 指定此頁編碼為 UTF-8
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

PHP 送 Header 告訴瀏覽器這頁是 UTF-8 編碼
<?php
header("Content-Type:text/html; charset=utf-8");
?>

2015年2月6日 星期五

修改網頁連結顏色

Q: 如何修改有網頁連結文字的顏色?
A: 加入以下語法, 使網頁連結文字為白色#FFF, 無底線(text-decoration: none;), 滑鼠移到上面(hover)時為#189cd2色.

<style type="text/css">
a {
color: #FFF;
text-decoration: none;
}
a:hover {
color: #189cd2;
text-decoration: none;
text-decoration: none;
}
</style>