網頁編輯VI

這一篇的內容主要是介紹

網頁製作的第六節課-區塊

(一)VSCode 快捷鍵

區塊註解：框住想要註解的文字區域後  ctrl + /

大致上會出現像底下這樣的狀況

/*  這裡是要註解的文字內容 */

(二)html 內容 day 6

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

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

            ＜tltle＞一個網頁的標題＜/tltle＞

            ＜meta charset="UTF-8">這是用來表達網頁中的各項屬性，算是一個標籤Tag

    <style>

        .box

        {

            width: 600px;

            background-color:cornsilk;

            margin: auto;   /*置中*/

        }

        .column

        {

            width: 158px;            

            float: left;

            margin: 10px;

            padding: 10px;

            border: 1px solid #aaa;

            text-align: center;

            background-color:silver;

        }

    </style>

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

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

<div class="box">

    <div class="column">第一個區塊</div>

    <div class="column">第二個區塊</div>

    <div class="column">第三個區塊</div>

</div>

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

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

---底下是成果預覽------------------------------------------------------------------------------------------------