①各種分割線Html代碼
1、<HR>
2、<HR align=center width=300 color=#987cb9 SIZE=1>
align 線條位置（可選left、right、center）；width 線條長度；color 顏色；size 厚度
二、特效（效果並不是孤立的，可相互組合）
1、兩頭漸變透明：
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
2、紡錘形：
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#987cb9 SIZE=10>
3、右邊漸變透明：
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3>
4、左邊漸變透明：
<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color=#987cb9 SIZE=3>
5、虛線：
<HR style="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1>
6、雙線：
<HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3>
7、立體效果：
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1>
8、鋼針效果：
<HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1>
９．垂直分割線
<table border="1px" cellpadding="0" cellspacing="0" style="height:265px;border-left-style:solid; border-bottom-style:none;border-right-style:none;border-top-style:none">
②控制文字顯示：
$str=trim($design_str); // 取得字串同時去掉頭尾空格和空回車
//$str=str_replace("<br>","",$str); // 去掉<br>標簽
$str="<p>".trim($str); // 在文本頭加入<p>
$str=str_replace("\r\n","</p>\n<p>",$str); // 用p標簽取代換行符
$str.="</p>\n"; // 文本尾加入</p>
$str=str_replace("<p></p>","",$str); // 去除空段落
$str=str_replace("\n","",$str); // 去掉空行並連成一行
$str=str_replace("</p>","</p>\n",$str); //整理html代碼
|
#
|
線型
|
EN 名稱 |
HTML4
|
HTML5
|
說明
|
備注
|
| 01 | 實線 | solid | hr{border:0;border-top:1px solid #eee} | hr{border:0;border-top:1px solid #eee} | 1 像素實線頂邊框，顏色#eee | |
| 02 | 虛線 | dashed | hr{border:0;border-top:1px dashed #eee} | hr{border:0;border-top:1px dashed #eee} | 1 像素虛線頂邊框，顏色#eee | |
| 03 | 點線 | dotted | hr{border:0;border-top:1px dotted #eee} | hr{border:0;border-top:1px dotted #eee} | 1 像素點線頂邊框，顏色#eee | |
| 04 | 雙實線 | double | hr{border:0;border-top:1px double #eee} | hr{border:0;border-top:1px double #eee} | 1 像素單實線頂邊框，顏色#eee | 1 像素兩實線完全重合 |
| hr{border:0;border-top:2px double #eee} | hr{border:0;border-top:2px double #eee} | 2 像素單實線頂邊框，顏色#eee | 1 像素兩實線並排 | |||
| hr{border:0;border-top:3px double #eee} | hr{border:0;border-top:3px double #eee} | 1 像素雙實線頂邊框，顏色#eee | 1 像素兩實線並排，間隔 1 像素 | |||
| hr{border:0;border-top:4px double #eee} | hr{border:0;border-top:4px double #eee} | 1 像素雙實線頂邊框，顏色#eee | 1 像素兩實線並排，間隔 2 像素 | |||
| hr{border:0;border-top:5px double #eee} | hr{border:0;border-top:5px double #eee} | 2 像素雙實線頂邊框，顏色#eee | 2 像素兩實線並排，間隔 1 像素 | |||
| hr{border:0;border-top:6px double #eee} | hr{border:0;border-top:6px double #eee} | 2 像素雙實線頂邊框，顏色#eee | 2 像素兩實線並排，間隔 2 像素 |
HTML 是目前網絡上應用最為廣泛的語言，也是構成網頁文檔的主要語言。HTML 文件是由 HTML 語言命令組成的描述性文本，HTML 命令可說明文字、圖形、動畫、聲音、表格、鏈接等。HTML 文件的結構包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內容。
一個網頁可對應多個 HTML 文件，HTML 文件以 .htm 或 .html 為擴展名。可使用任何能生成 TXT 類型源文件的文本編輯器產生 HTML 文件，只要修改文件后綴即可。開始標記 <html> 表示文件開頭，結尾標記 </html> 表示文件結束。
|
#
|
線型
|
EN 名稱 |
HTML4
|
HTML5
|
說明
|
備注
|
| 01 | 實線 | solid | <hr style="border:0; border-top:1px solid #222;"> | <hr style="border:0; border-top:1px solid #222;"> | 1 像素實線頂邊框，顏色#222 | |
| 02 | 虛線 | dashed | <hr style="border:0; border-top:1px dashed #222;"> | <hr style="border:0; border-top:1px dashed #222;"> | 1 像素虛線頂邊框，顏色#222 | |
| 03 | 點線 | dotted | <hr style="border:0; border-top:1px dotted #222;"> | <hr style="border:0; border-top:1px dotted #222;"> | 1 像素點線頂邊框，顏色#222 | |
| 04 | 雙實線 | double | <hr style="border:0; border-top:1px double #222;"> | <hr style="border:0; border-top:1px double #222;"> | 1 像素單實線頂邊框，顏色#222 | 1 像素兩實線完全重合 |
| <hr style="border:0; border-top:2px double #222;"> | <hr style="border:0; border-top:2px double #222;"> | 2 像素單實線頂邊框，顏色#222 | 1 像素兩實線並排 | |||
| <hr style="border:0; border-top:3px double #222;"> | <hr style="border:0; border-top:3px double #222;"> | 1 像素雙實線頂邊框，顏色#222 | 1 像素兩實線並排，間隔 1 像素 | |||
| <hr style="border:0; border-top:4px double #222;"> | <hr style="border:0; border-top:4px double #222;"> | 1 像素雙實線頂邊框，顏色#222 | 1 像素兩實線並排，間隔 2 像素 | |||
| <hr style="border:0; border-top:5px double #222;"> | <hr style="border:0; border-top:5px double #222;"> | 2 像素雙實線頂邊框，顏色#222 | 2 像素兩實線並排，間隔 1 像素 | |||
| <hr style="border:0; border-top:6px double #222;"> | <hr style="border:0; border-top:6px double #222;"> | 2 像素雙實線頂邊框，顏色#222 | 2 像素兩實線並排，間隔 2 像素 |