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

2020年12月29日 星期二

製作數學公式圖片的工具網站

 製作數學公式圖片的工具網站

前言

  在寫一些程式文章時會需要表達數學公式,但數學公式並不能在 HTML 直接輸入,但我找到有個網站可以編輯數學公式並且將結果做成圖片下載,在此把學習的過程做個紀錄。

 

內容

  使用這個工具要到 [ latex.codecogs.com ] Online LaTeX Equation Editor 裡,使用的畫面如下

Online LaTeX Equation Editor 的使用畫面


在畫面"1"的地方輸入語法來產生等式,結果會顯示在畫面"2"的地方,最後透過畫面"3"的地方可以下載結果。畫面示範了如何使用根號,語法不用記,上方有工具列,透過滑鼠點選需要的語法,如下圖

透過工具列來家語法,以根號為例

圖中以根號為例會加"\sqrt{}",內容放哪要自己試一下,利用下方的顯示結果試一下即可。


參考資料

[ latex.codecogs.com ] Online LaTeX Equation Editor

2020年12月8日 星期二

方便產生 HTML 表格( Table )的工具

 方便產生 HTML 表格( Table )的工具

前言

  在寫 Blog 時有時需要用到表格,但工具列裡沒有表格( Table )的工具可以用,但可以用 HTML 的方式來插入,但 HTML 的表格( Table )直接用非常不方便,所以這次找了可以產生 HTML 的表格( Table )的工具。


內容

  這次介紹的工具是線上工具,到 [ www.tablesgenerator.com ] Tables Generator 就可以使用,進入後可看到下圖

Table Generator 的使用畫面


畫面看起來很複雜,但使用起來並不難懂,在畫面"3"的地方可以預視表格結果,要新增或移除欄位可以在畫面"1"地方就可以操作,在畫面"3"點擊或圈選欄位可以透過畫面"2"的地方修改欄位的屬性如字型、顏色...等,當完成 Table 後,按下"Generator"按鈕,可以在畫面"5"的地方得到 HTML 結果,在畫面"4"的地方記得勾選不要產生 CSS ,不然會產生多餘的 CSS 程式碼。


參考資料

[ www.tablesgenerator.com ] Tables Generator