pH Scale

一個嘗試，從書上看到的範例改編

將自然科的pH值和資訊科的網頁編輯結合起來

(一)線上選取顏色：https://colorschemedesigner.com/csd-3.5/

---Html內容很多，僅擷取部分內容--------------------------------------------------------

(二)html 內容 d

＜html＞－－－－－－－－－－－－－－－－－－－

    ＜head＞－－－－－－－－－－－－－－－－－－

    <title>pH Scale Color</title>

    <style>

            body {

                background-color: silver;

                color: white;

                padding: 20px;

                font-family: Arial, Verdana, sans-serif;}

            h1 {

                background-color: #ffffff;

                background-color: hsla(0,100%,100%,0.5);

                color: #64645A;

                padding: inherit;}

            p {

                padding: 20px;

                margin: 0px;}

            p.zero {

                background-color: #A61000;}

     </style>                  

    ＜/head＞－－－－－－－－－－－－－－－－－－

    ＜body＞－－－－－－－－－－－－－－－－－－               

        <h1>pH Scale</h1>

        <p class="fourteen">14.0 VERY ALKALINE</p>

        <p class="thirteen">13.0</p>

        <p class="twelve">12.0</p>

    ＜/body＞－－－－－－－－－－－－－－－－－－

＜/html＞－－－－－－－－－－－－－－－－－－－

註：

參考資料　HTML & CSS 網站設計建置優化之道